#31A3D8

49, 163, 216

#31A3D8

Custom color #31A3D8 with RGB values 49, 163, 216.

HEX#31A3D8
RGB49, 163, 216
HSL199°, 68%, 52%
CMYK77%, 25%, 0%, 15%
CSS Variable--color: #31a3d8;
Use in GeneratorCheck ContrastView on Wheel

Shades of #31A3D8

#d4ecf7

#a9d9ef

#7ec6e7

#53b2df

#299fd6

#207fac

#186081

#104056

#08202b

Tints of #31A3D8

#31a3d8

#48addc

#5fb8e1

#76c2e5

#8dcce9

#a4d7ee

#bbe1f2

#d2ebf7

#eaf5fb

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.85:1
AA NormalFailAAAFail

Sample Text

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