#45A2EF

69, 162, 239

#45A2EF

Custom color #45A2EF with RGB values 69, 162, 239.

HEX#45A2EF
RGB69, 162, 239
HSL207°, 84%, 60%
CMYK71%, 32%, 0%, 6%
CSS Variable--color: #45a2ef;
Use in GeneratorCheck ContrastView on Wheel

Shades of #45A2EF

#d0e8fb

#a1d0f7

#72b9f3

#43a1ef

#148aeb

#106ebc

#0c538d

#08375e

#041c2f

Tints of #45A2EF

#45a2ef

#59acf1

#6eb6f2

#82c0f4

#96cbf6

#abd5f8

#bfdff9

#d3e9fb

#e8f3fd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.74:1
AA NormalFailAAAFail

Sample Text

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