color #31A7C7 | Chroma Seek

#31A7C7

Color Information

Hex Code

#31A7C7

RGB

49, 167, 199

HSL

193°, 60%, 49%

CSS

#31A7C7

Color Tints

Lighter variations of #31A7C7

#31A7C7

#46B0CD

10%

#5AB9D2

20%

#6FC1D8

30%

#83CADD

40%

#98D3E3

50%

#ADDCE9

60%

#C1E5EE

70%

#D6EDF4

80%

#EAF6F9

90%

#FFFFFF

100%

Color Shades

Darker variations of #31A7C7

#31A7C7

#2C96B3

10%

#27869F

20%

#22758B

30%

#1D6477

40%

#195464

50%

#144350

60%

#0F323C

70%

#0A2128

80%

#051114

90%

#000000

100%

Related Colors

Complementary Color

#C85232

Opposite on color wheel

Split-Complementary Colors

#C8325C, #C89D32

Adjacent to complementary color

Analogous Colors

#32C89D, #325CC8

Adjacent colors on color wheel (30° apart)

Triadic Colors

#C832A7, #A7C832

Three colors equally spaced (120° apart)

Tetradic Colors

#5232C8, #C85232, #A7C832

Rectangle on color wheel (90° apart)

Square Colors

#9D32C8, #C85232, #5CC832

Four colors equally spaced (90° apart)

Monochromatic Variations

#D2ECF4, #81CBDF, #1E6376, #091F25

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#31A7C7

#32C878

#3237C8

#C85232

#C89D32

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

Triadic + Accent

#31A7C7

#C832A7

#A7C832

#9581DF

#1E7631

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

Monochromatic + Split Complementary

#31A7C7

#95D3E4

#185262

#C8325C

#C89D32

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

#31A7C7

RGB Values

49, 167, 199

HSL Values

193°, 60%, 49%