#45A8C4

69, 168, 196

#45A8C4

Custom color #45A8C4 with RGB values 69, 168, 196.

HEX#45A8C4
RGB69, 168, 196
HSL193°, 52%, 52%
CMYK65%, 14%, 0%, 23%
CSS Variable--color: #45a8c4;
Use in GeneratorCheck ContrastView on Wheel

Shades of #45A8C4

#d8edf3

#b2dbe6

#8bc9da

#64b7ce

#3da4c2

#31849b

#256374

#19424d

#0c2127

Tints of #45A8C4

#45a8c4

#5ab2cb

#6fbbd1

#83c5d8

#98cfde

#add9e5

#c2e2ec

#d7ecf2

#ecf6f9

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.74:1
AA NormalFailAAAFail

Sample Text

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