#4472C4

68, 114, 196

#4472C4

Custom color #4472C4 with RGB values 68, 114, 196.

HEX#4472C4
RGB68, 114, 196
HSL218°, 52%, 52%
CMYK65%, 42%, 0%, 23%
CSS Variable--color: #4472c4;
Use in GeneratorCheck ContrastView on Wheel

Shades of #4472C4

#d8e2f3

#b1c5e7

#8ba7da

#648ace

#3d6dc2

#31579b

#254174

#182c4e

#0c1627

Tints of #4472C4

#4472c4

#5982cb

#6e92d1

#83a1d8

#98b1de

#adc1e5

#c2d1ec

#d7e1f2

#ecf0f9

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White4.72:1
AA NormalPassAAAFail

Sample Text

On Black4.45:1
AA NormalFailAAAFail
Full contrast analysis →