#31C4F4

49, 196, 244

#31C4F4

Custom color #31C4F4 with RGB values 49, 196, 244.

HEX#31C4F4

RGB49, 196, 244

HSL195°, 90%, 57%

CMYK80%, 20%, 0%, 4%

CSS Variable--color: #31c4f4;

Use in Generator Check Contrast View on Wheel

Shades of #31C4F4

#cff1fc

#9ee3fa

#6ed5f7

#3dc8f5

#0dbaf2

#0a95c2

#086f91

#054a61

#032530

Tints of #31C4F4

#31c4f4

#48cbf5

#5ed1f6

#75d8f8

#8cdef9

#a3e5fa

#b9ebfb

#d0f2fc

#e7f8fe

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.03:1

AA NormalFailAAAFail

Sample Text

On Black10.33:1

AA NormalPassAAAPass

Full contrast analysis →