#31A4F4

49, 164, 244

#31A4F4

Custom color #31A4F4 with RGB values 49, 164, 244.

HEX#31A4F4
RGB49, 164, 244
HSL205°, 90%, 57%
CMYK80%, 33%, 0%, 4%
CSS Variable--color: #31a4f4;
Use in GeneratorCheck ContrastView on Wheel

Shades of #31A4F4

#cfeafc

#9ed4fa

#6ebff7

#3da9f5

#0d94f2

#0a76c2

#085991

#053b61

#031e30

Tints of #31A4F4

#31a4f4

#48aef5

#5eb8f6

#75c2f8

#8cccf9

#a3d6fa

#b9e0fb

#d0eafc

#e7f4fe

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.71:1
AA NormalFailAAAFail

Sample Text

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