color #31DCF6 | Chroma Seek

#31DCF6

Color Information

Hex Code

#31DCF6

RGB

49, 220, 246

HSL

188°, 92%, 58%

CSS

#31DCF6

Color Tints

Lighter variations of #31DCF6

#31DCF6

#46E0F7

10%

#5AE3F8

20%

#6FE7F9

30%

#83EAFA

40%

#98EEFB

50%

#ADF1FB

60%

#C1F5FC

70%

#D6F8FD

80%

#EAFCFE

90%

#FFFFFF

100%

Color Shades

Darker variations of #31DCF6

#31DCF6

#2CC6DD

10%

#27B0C5

20%

#229AAC

30%

#1D8494

40%

#196E7B

50%

#145862

60%

#0F424A

70%

#0A2C31

80%

#051619

90%

#000000

100%

Related Colors

Complementary Color

#F64C31

Opposite on color wheel

Split-Complementary Colors

#F6317A, #F6AE31

Adjacent to complementary color

Analogous Colors

#31F6AE, #317AF6

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F631DC, #DCF631

Three colors equally spaced (120° apart)

Tetradic Colors

#4C31F6, #F64C31, #DCF631

Rectangle on color wheel (90° apart)

Square Colors

#AE31F6, #F64C31, #7AF631

Four colors equally spaced (90° apart)

Monochromatic Variations

#F5FDFF, #93EDFB, #08A2BA, #044D58

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#31DCF6

#31F67D

#3148F6

#F64C31

#F6AE31

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

Triadic + Accent

#31DCF6

#F631DC

#DCF631

#A193FB

#08BA20

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

Monochromatic + Split Complementary

#31DCF6

#ACF1FC

#078DA2

#F6317A

#F6AE31

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

#31DCF6

RGB Values

49, 220, 246

HSL Values

188°, 92%, 58%