color #3D66ED | Chroma Seek

#3D66ED

Color Information

Hex Code

#3D66ED

RGB

61, 102, 237

HSL

226°, 83%, 58%

CSS

#3D66ED

Color Tints

Lighter variations of #3D66ED

#3D66ED

#5075EF

10%

#6485F1

20%

#7794F2

30%

#8BA3F4

40%

#9EB3F6

50%

#B1C2F8

60%

#C5D1FA

70%

#D8E0FB

80%

#ECF0FD

90%

#FFFFFF

100%

Color Shades

Darker variations of #3D66ED

#3D66ED

#375CD5

10%

#3152BE

20%

#2B47A6

30%

#253D8E

40%

#1F3377

50%

#18295F

60%

#121F47

70%

#0C142F

80%

#060A18

90%

#000000

100%

Related Colors

Complementary Color

#EDC33B

Opposite on color wheel

Split-Complementary Colors

#ED6A3B, #BDED3B

Adjacent to complementary color

Analogous Colors

#3BBDED, #6A3BED

Adjacent colors on color wheel (30° apart)

Triadic Colors

#ED3B64, #64ED3B

Three colors equally spaced (120° apart)

Tetradic Colors

#C33BED, #EDC33B, #64ED3B

Rectangle on color wheel (90° apart)

Square Colors

#ED3BBD, #EDC33B, #3BED6A

Four colors equally spaced (90° apart)

Monochromatic Variations

#F6F8FE, #98AEF5, #1036B1, #081A54

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3D66ED

#3BEAED

#973BED

#EDC33B

#BDED3B

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

Triadic + Accent

#3D66ED

#ED3B64

#64ED3B

#E098F5

#10B18C

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

Monochromatic + Split Complementary

#3D66ED

#B0C0F8

#0E2F9A

#ED6A3B

#BDED3B

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

#3D66ED

RGB Values

61, 102, 237

HSL Values

226°, 83%, 58%