#45A5E1

69, 165, 225

#45A5E1

Custom color #45A5E1 with RGB values 69, 165, 225.

HEX#45A5E1

RGB69, 165, 225

HSL203°, 72%, 58%

CMYK69%, 27%, 0%, 12%

CSS Variable--color: #45a5e1;

Use in Generator Check Contrast View on Wheel

Shades of #45A5E1

#d3eaf8

#a7d4f1

#7bbfea

#4faae3

#2395dc

#1c77b0

#155984

#0e3b58

#071e2c

Tints of #45A5E1

#45a5e1

#5aafe4

#6eb9e8

#83c3eb

#97cdee

#acd7f2

#c0e1f5

#d5eaf8

#e9f4fb

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.72:1

AA NormalFailAAAFail

Sample Text

On Black7.72:1

AA NormalPassAAAPass

Full contrast analysis →