#45A2F0

69, 162, 240

#45A2F0

Custom color #45A2F0 with RGB values 69, 162, 240.

HEX#45A2F0
RGB69, 162, 240
HSL207°, 85%, 61%
CMYK71%, 33%, 0%, 6%
CSS Variable--color: #45a2f0;
Use in GeneratorCheck ContrastView on Wheel

Shades of #45A2F0

#d0e7fb

#a1d0f7

#71b8f4

#42a1f0

#1389ec

#0f6ebd

#0b528e

#08375e

#041b2f

Tints of #45A2F0

#45a2f0

#59acf2

#6eb6f3

#82c0f5

#96cbf7

#abd5f8

#bfdffa

#d3e9fb

#e7f3fd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.73:1
AA NormalFailAAAFail

Sample Text

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