#45A2E1

69, 162, 225

#45A2E1

Custom color #45A2E1 with RGB values 69, 162, 225.

HEX#45A2E1
RGB69, 162, 225
HSL204°, 72%, 58%
CMYK69%, 28%, 0%, 12%
CSS Variable--color: #45a2e1;
Use in GeneratorCheck ContrastView on Wheel

Shades of #45A2E1

#d3e9f8

#a7d3f1

#7bbdea

#4fa7e3

#2391dc

#1c74b0

#155784

#0e3a58

#071d2c

Tints of #45A2E1

#45a2e1

#5aace4

#6eb7e8

#83c1eb

#97cbee

#acd5f2

#c0e0f5

#d5eaf8

#e9f4fb

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.80:1
AA NormalFailAAAFail

Sample Text

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