color #31D5F5 | Chroma Seek

#31D5F5

Color Information

Hex Code

#31D5F5

RGB

49, 213, 245

HSL

190°, 91%, 58%

CSS

#31D5F5

Color Tints

Lighter variations of #31D5F5

#31D5F5

#46D9F6

10%

#5ADDF7

20%

#6FE2F8

30%

#83E6F9

40%

#98EAFA

50%

#ADEEFB

60%

#C1F2FC

70%

#D6F7FD

80%

#EAFBFE

90%

#FFFFFF

100%

Color Shades

Darker variations of #31D5F5

#31D5F5

#2CC0DD

10%

#27AAC4

20%

#2295AC

30%

#1D8093

40%

#196B7B

50%

#145562

60%

#0F404A

70%

#0A2B31

80%

#051519

90%

#000000

100%

Related Colors

Complementary Color

#F55332

Opposite on color wheel

Split-Complementary Colors

#F53273, #F5B432

Adjacent to complementary color

Analogous Colors

#32F5B4, #3273F5

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F532D5, #D5F532

Three colors equally spaced (120° apart)

Tetradic Colors

#5332F5, #F55332, #D5F532

Rectangle on color wheel (90° apart)

Square Colors

#B432F5, #F55332, #73F532

Four colors equally spaced (90° apart)

Monochromatic Variations

#F5FDFF, #94E9FA, #099CB9, #044A58

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#31D5F5

#32F584

#3243F5

#F55332

#F5B432

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

Triadic + Accent

#31D5F5

#F532D5

#D5F532

#A594FA

#09B926

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

Monochromatic + Split Complementary

#31D5F5

#ACEEFB

#0887A1

#F53273

#F5B432

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

#31D5F5

RGB Values

49, 213, 245

HSL Values

190°, 91%, 58%