#45A4C4

69, 164, 196

#45A4C4

Custom color #45A4C4 with RGB values 69, 164, 196.

HEX#45A4C4
RGB69, 164, 196
HSL195°, 52%, 52%
CMYK65%, 16%, 0%, 23%
CSS Variable--color: #45a4c4;
Use in GeneratorCheck ContrastView on Wheel

Shades of #45A4C4

#d8ecf3

#b2d9e6

#8bc6da

#64b3ce

#3da0c2

#31809b

#256074

#19404d

#0c2027

Tints of #45A4C4

#45a4c4

#5aaecb

#6fb8d1

#83c3d8

#98cdde

#add7e5

#c2e1ec

#d7ebf2

#ecf6f9

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 →