color #3D8AE8 | Chroma Seek

#3D8AE8

Color Information

Hex Code

#3D8AE8

RGB

61, 138, 232

HSL

213°, 79%, 57%

CSS

#3D8AE8

Color Tints

Lighter variations of #3D8AE8

#3D8AE8

#5096EA

10%

#64A1ED

20%

#77ADEF

30%

#8BB9F1

40%

#9EC5F4

50%

#B1D0F6

60%

#C5DCF8

70%

#D8E8FA

80%

#ECF3FD

90%

#FFFFFF

100%

Color Shades

Darker variations of #3D8AE8

#3D8AE8

#377CD1

10%

#316EBA

20%

#2B61A2

30%

#25538B

40%

#1F4574

50%

#18375D

60%

#122946

70%

#0C1C2E

80%

#060E17

90%

#000000

100%

Related Colors

Complementary Color

#E89A3B

Opposite on color wheel

Split-Complementary Colors

#E8433B, #DFE83B

Adjacent to complementary color

Analogous Colors

#3BDFE8, #433BE8

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E83B89, #89E83B

Three colors equally spaced (120° apart)

Tetradic Colors

#9A3BE8, #E89A3B, #89E83B

Rectangle on color wheel (90° apart)

Square Colors

#E83BDF, #E89A3B, #3BE843

Four colors equally spaced (90° apart)

Monochromatic Variations

#F1F7FD, #96C0F3, #1457A9, #09284E

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3D8AE8

#3BE8C5

#6F3BE8

#E89A3B

#DFE83B

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

Triadic + Accent

#3D8AE8

#E83B89

#89E83B

#C996F3

#14A966

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

Monochromatic + Split Complementary

#3D8AE8

#ADCDF5

#114B92

#E8433B

#DFE83B

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

#3D8AE8

RGB Values

61, 138, 232

HSL Values

213°, 79%, 57%