#45A5EF

69, 165, 239

#45A5EF

Custom color #45A5EF with RGB values 69, 165, 239.

HEX#45A5EF
RGB69, 165, 239
HSL206°, 84%, 60%
CMYK71%, 31%, 0%, 6%
CSS Variable--color: #45a5ef;
Use in GeneratorCheck ContrastView on Wheel

Shades of #45A5EF

#d0e8fb

#a1d2f7

#72bbf3

#43a4ef

#148deb

#1071bc

#0c558d

#08395e

#041c2f

Tints of #45A5EF

#45a5ef

#59aff1

#6eb9f2

#82c2f4

#96ccf6

#abd6f8

#bfe0f9

#d3eafb

#e8f4fd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.66:1
AA NormalFailAAAFail

Sample Text

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