#45A2F5

69, 162, 245

#45A2F5

Custom color #45A2F5 with RGB values 69, 162, 245.

HEX#45A2F5
RGB69, 162, 245
HSL208°, 90%, 62%
CMYK72%, 34%, 0%, 4%
CSS Variable--color: #45a2f5;
Use in GeneratorCheck ContrastView on Wheel

Shades of #45A2F5

#cfe7fc

#9ecffa

#6eb6f7

#3d9ef5

#0d86f2

#0a6bc2

#085091

#053661

#031b30

Tints of #45A2F5

#45a2f5

#59acf6

#6db6f7

#82c0f8

#96caf9

#aad5fa

#bedffc

#d3e9fd

#e7f3fe

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.71:1
AA NormalFailAAAFail

Sample Text

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