color #31D4F1 | Chroma Seek

#31D4F1

Color Information

Hex Code

#31D4F1

RGB

49, 212, 241

HSL

189°, 87%, 57%

CSS

#31D4F1

Color Tints

Lighter variations of #31D4F1

#31D4F1

#46D8F2

10%

#5ADDF4

20%

#6FE1F5

30%

#83E5F7

40%

#98EAF8

50%

#ADEEF9

60%

#C1F2FB

70%

#D6F6FC

80%

#EAFBFE

90%

#FFFFFF

100%

Color Shades

Darker variations of #31D4F1

#31D4F1

#2CBFD9

10%

#27AAC1

20%

#2294A9

30%

#1D7F91

40%

#196A79

50%

#145560

60%

#0F4048

70%

#0A2A30

80%

#051518

90%

#000000

100%

Related Colors

Complementary Color

#F14F32

Opposite on color wheel

Split-Complementary Colors

#F13275, #F1AE32

Adjacent to complementary color

Analogous Colors

#32F1AE, #3275F1

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F132D4, #D4F132

Three colors equally spaced (120° apart)

Tetradic Colors

#4F32F1, #F14F32, #D4F132

Rectangle on color wheel (90° apart)

Square Colors

#AE32F1, #F14F32, #75F132

Four colors equally spaced (90° apart)

Monochromatic Variations

#F1FCFE, #91E8F7, #0C98B0, #064651

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#31D4F1

#32F17E

#3245F1

#F14F32

#F1AE32

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

Triadic + Accent

#31D4F1

#F132D4

#D4F132

#A191F7

#0CB025

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

Monochromatic + Split Complementary

#31D4F1

#A9EDF9

#0B8399

#F13275

#F1AE32

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

#31D4F1

RGB Values

49, 212, 241

HSL Values

189°, 87%, 57%