#31A2F1

49, 162, 241

#31A2F1

Custom color #31A2F1 with RGB values 49, 162, 241.

HEX#31A2F1
RGB49, 162, 241
HSL205°, 87%, 57%
CMYK80%, 33%, 0%, 5%
CSS Variable--color: #31a2f1;
Use in GeneratorCheck ContrastView on Wheel

Shades of #31A2F1

#cfe9fc

#9fd4f9

#70bef5

#40a9f2

#1093ef

#0d76bf

#0a588f

#063b60

#031d30

Tints of #31A2F1

#31a2f1

#48acf3

#5fb7f4

#75c1f6

#8ccbf7

#a3d5f9

#bae0fa

#d0eafc

#e7f4fd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.77:1
AA NormalFailAAAFail

Sample Text

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