#31A2FE

49, 162, 254

#31A2FE

Custom color #31A2FE with RGB values 49, 162, 254.

HEX#31A2FE
RGB49, 162, 254
HSL207°, 99%, 59%
CMYK81%, 36%, 0%, 0%
CSS Variable--color: #31a2fe;
Use in GeneratorCheck ContrastView on Wheel

Shades of #31A2FE

#cce8ff

#99d1ff

#67bafe

#34a3fe

#018cfe

#0170cb

#015498

#003866

#001c33

Tints of #31A2FE

#31a2fe

#48acfe

#5eb6fe

#75c1fe

#8bcbfe

#a2d5ff

#b8dfff

#cfe9ff

#e6f4ff

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.72:1
AA NormalFailAAAFail

Sample Text

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