#31A8DD

49, 168, 221

#31A8DD

Custom color #31A8DD with RGB values 49, 168, 221.

HEX#31A8DD
RGB49, 168, 221
HSL198°, 72%, 53%
CMYK78%, 24%, 0%, 13%
CSS Variable--color: #31a8dd;
Use in GeneratorCheck ContrastView on Wheel

Shades of #31A8DD

#d3edf8

#a7daf1

#7cc8e9

#50b5e2

#24a3db

#1d82af

#166283

#0e4158

#07212c

Tints of #31A8DD

#31a8dd

#48b2e1

#5fbbe5

#76c5e8

#8dcfec

#a4d9f0

#bbe2f4

#d2ecf8

#e9f6fb

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.70:1
AA NormalFailAAAFail

Sample Text

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