color #3D6AFF | Chroma Seek

#3D6AFF

Color Information

Hex Code

#3D6AFF

RGB

61, 106, 255

HSL

226°, 100%, 62%

CSS

#3D6AFF

Color Tints

Lighter variations of #3D6AFF

#3D6AFF

#5079FF

10%

#6488FF

20%

#7797FF

30%

#8BA6FF

40%

#9EB5FF

50%

#B1C3FF

60%

#C5D2FF

70%

#D8E1FF

80%

#ECF0FF

90%

#FFFFFF

100%

Color Shades

Darker variations of #3D6AFF

#3D6AFF

#375FE6

10%

#3155CC

20%

#2B4AB3

30%

#254099

40%

#1F3580

50%

#182A66

60%

#12204D

70%

#0C1533

80%

#060B1A

90%

#000000

100%

Related Colors

Complementary Color

#FFD23D

Opposite on color wheel

Split-Complementary Colors

#FF713D, #CBFF3D

Adjacent to complementary color

Analogous Colors

#3DCBFF, #713DFF

Adjacent colors on color wheel (30° apart)

Triadic Colors

#FF3D6A, #6AFF3D

Three colors equally spaced (120° apart)

Tetradic Colors

#D23DFF, #FFD23D, #6AFF3D

Rectangle on color wheel (90° apart)

Square Colors

#FF3DCB, #FFD23D, #3DFF71

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #A3B9FF, #0032D6, #001A70

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #3D6AFF. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#3D6AFF

#3DFCFF

#A13DFF

#FFD23D

#CBFF3D

A harmonious blend of analogous colors with complementary accents for balanced contrast.

Triadic + Accent

#3D6AFF

#FF3D6A

#6AFF3D

#E799FF

#00D6A4

Bold triadic colors with lighter and darker accent variations for dynamic contrast.

Monochromatic + Split Complementary

#3D6AFF

#B3C4FF

#002CBD

#FF713D

#CBFF3D

Sophisticated monochromatic variations paired with split complementary colors for elegant contrast.

Interactive Color Picker

Click and drag on the color picker to explore different colors. The preview area will update in real-time.

Hue

Saturation & Lightness

Current Color

#3D6AFF

RGB Values

61, 106, 255

HSL Values

226°, 100%, 62%