#45A5F0

69, 165, 240

#45A5F0

Custom color #45A5F0 with RGB values 69, 165, 240.

HEX#45A5F0

RGB69, 165, 240

HSL206°, 85%, 61%

CMYK71%, 31%, 0%, 6%

CSS Variable--color: #45a5f0;

Use in Generator Check Contrast View on Wheel

Shades of #45A5F0

#d0e8fb

#a1d1f7

#71baf4

#42a4f0

#138dec

#0f71bd

#0b548e

#08385e

#041c2f

Tints of #45A5F0

#45a5f0

#59aff2

#6eb9f3

#82c2f5

#96ccf7

#abd6f8

#bfe0fa

#d3eafb

#e7f4fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.66:1

AA NormalFailAAAFail

Sample Text

On Black7.89:1

AA NormalPassAAAPass

Full contrast analysis →