color #31C8F6 | Chroma Seek

#31C8F6

Color Information

Hex Code

#31C8F6

RGB

49, 200, 246

HSL

194°, 92%, 58%

CSS

#31C8F6

Color Tints

Lighter variations of #31C8F6

#31C8F6

#46CEF7

10%

#5AD3F8

20%

#6FD9F9

30%

#83DEFA

40%

#98E4FB

50%

#ADE9FB

60%

#C1EFFC

70%

#D6F4FD

80%

#EAFAFE

90%

#FFFFFF

100%

Color Shades

Darker variations of #31C8F6

#31C8F6

#2CB4DD

10%

#27A0C5

20%

#228CAC

30%

#1D7894

40%

#19647B

50%

#145062

60%

#0F3C4A

70%

#0A2831

80%

#051419

90%

#000000

100%

Related Colors

Complementary Color

#F65F31

Opposite on color wheel

Split-Complementary Colors

#F63166, #F6C231

Adjacent to complementary color

Analogous Colors

#31F6C2, #3166F6

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F631C8, #C8F631

Three colors equally spaced (120° apart)

Tetradic Colors

#5F31F6, #F65F31, #C8F631

Rectangle on color wheel (90° apart)

Square Colors

#C231F6, #F65F31, #66F631

Four colors equally spaced (90° apart)

Monochromatic Variations

#F5FCFF, #93E2FB, #0890BA, #044458

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#31C8F6

#31F691

#3135F6

#F65F31

#F6C231

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

Triadic + Accent

#31C8F6

#F631C8

#C8F631

#AB93FB

#08BA31

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

Monochromatic + Split Complementary

#31C8F6

#ACE9FC

#077DA2

#F63166

#F6C231

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

#31C8F6

RGB Values

49, 200, 246

HSL Values

194°, 92%, 58%