#45A2F4

69, 162, 244

#45A2F4

Custom color #45A2F4 with RGB values 69, 162, 244.

HEX#45A2F4
RGB69, 162, 244
HSL208°, 89%, 61%
CMYK72%, 34%, 0%, 4%
CSS Variable--color: #45a2f4;
Use in GeneratorCheck ContrastView on Wheel

Shades of #45A2F4

#cfe7fc

#9fcff9

#6fb7f6

#3e9ff4

#0e87f1

#0b6cc1

#095190

#063660

#031b30

Tints of #45A2F4

#45a2f4

#59acf5

#6db6f6

#82c0f8

#96caf9

#aad5fa

#bedffb

#d3e9fc

#e7f3fe

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.72:1
AA NormalFailAAAFail

Sample Text

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