#31A7F5

49, 167, 245

#31A7F5

Custom color #31A7F5 with RGB values 49, 167, 245.

HEX#31A7F5
RGB49, 167, 245
HSL204°, 91%, 58%
CMYK80%, 32%, 0%, 4%
CSS Variable--color: #31a7f5;
Use in GeneratorCheck ContrastView on Wheel

Shades of #31A7F5

#ceeafd

#9ed5fa

#6dc1f8

#3cacf6

#0c97f3

#0979c3

#075b92

#053c61

#021e31

Tints of #31A7F5

#31a7f5

#48b1f6

#5ebaf7

#75c4f8

#8ccef9

#a3d8fb

#b9e1fc

#d0ebfd

#e7f5fe

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.63:1
AA NormalFailAAAFail

Sample Text

On Black7.98:1
AA NormalPassAAAPass
Full contrast analysis →