#31A6F4

49, 166, 244

#31A6F4

Custom color #31A6F4 with RGB values 49, 166, 244.

HEX#31A6F4

RGB49, 166, 244

HSL204°, 90%, 57%

CMYK80%, 32%, 0%, 4%

CSS Variable--color: #31a6f4;

Use in Generator Check Contrast View on Wheel

Shades of #31A6F4

#cfeafc

#9ed5fa

#6ec0f7

#3dabf5

#0d96f2

#0a78c2

#085a91

#053c61

#031e30

Tints of #31A6F4

#31a6f4

#48b0f5

#5ebaf6

#75c3f8

#8ccdf9

#a3d7fa

#b9e1fb

#d0ebfc

#e7f5fe

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.66:1

AA NormalFailAAAFail

Sample Text

On Black7.89:1

AA NormalPassAAAPass

Full contrast analysis →