color #31C0D9 | Chroma Seek

#31C0D9

Color Information

Hex Code

#31C0D9

RGB

49, 192, 217

HSL

189°, 69%, 52%

CSS

#31C0D9

Color Tints

Lighter variations of #31C0D9

#31C0D9

#46C6DD

10%

#5ACDE1

20%

#6FD3E4

30%

#83D9E8

40%

#98E0EC

50%

#ADE6F0

60%

#C1ECF4

70%

#D6F2F7

80%

#EAF9FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #31C0D9

#31C0D9

#2CADC3

10%

#279AAE

20%

#228698

30%

#1D7382

40%

#19606D

50%

#144D57

60%

#0F3A41

70%

#0A262B

80%

#051316

90%

#000000

100%

Related Colors

Complementary Color

#D94930

Opposite on color wheel

Split-Complementary Colors

#D9306B, #D99E30

Adjacent to complementary color

Analogous Colors

#30D99E, #306BD9

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D930C0, #C0D930

Three colors equally spaced (120° apart)

Tetradic Colors

#4930D9, #D94930, #C0D930

Rectangle on color wheel (90° apart)

Square Colors

#9E30D9, #D94930, #6BD930

Four colors equally spaced (90° apart)

Monochromatic Variations

#DDF4F9, #86DAE9, #19798A, #092D34

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #31C0D9. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#31C0D9

#30D974

#3041D9

#D94930

#D99E30

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

Triadic + Accent

#31C0D9

#D930C0

#C0D930

#9586E9

#198A2A

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

Monochromatic + Split Complementary

#31C0D9

#9CE1ED

#156674

#D9306B

#D99E30

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

#31C0D9

RGB Values

49, 192, 217

HSL Values

189°, 69%, 52%