#31A3F1

49, 163, 241

#31A3F1

Custom color #31A3F1 with RGB values 49, 163, 241.

HEX#31A3F1
RGB49, 163, 241
HSL204°, 87%, 57%
CMYK80%, 32%, 0%, 5%
CSS Variable--color: #31a3f1;
Use in GeneratorCheck ContrastView on Wheel

Shades of #31A3F1

#cfeafc

#9fd4f9

#70bff5

#40aaf2

#1094ef

#0d77bf

#0a598f

#063b60

#031e30

Tints of #31A3F1

#31a3f1

#48adf3

#5fb7f4

#75c2f6

#8cccf7

#a3d6f9

#bae0fa

#d0eafc

#e7f4fd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.75:1
AA NormalFailAAAFail

Sample Text

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