#31A2F4

49, 162, 244

#31A2F4

Custom color #31A2F4 with RGB values 49, 162, 244.

HEX#31A2F4

RGB49, 162, 244

HSL205°, 90%, 57%

CMYK80%, 34%, 0%, 4%

CSS Variable--color: #31a2f4;

Use in Generator Check Contrast View on Wheel

Shades of #31A2F4

#cfe9fc

#9ed3fa

#6ebdf7

#3da8f5

#0d92f2

#0a75c2

#085791

#053a61

#031d30

Tints of #31A2F4

#31a2f4

#48acf5

#5eb7f6

#75c1f8

#8ccbf9

#a3d5fa

#b9e0fb

#d0eafc

#e7f4fe

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.76:1

AA NormalFailAAAFail

Sample Text

On Black7.61:1

AA NormalPassAAAPass

Full contrast analysis →