#45A6F0

69, 166, 240

#45A6F0

Custom color #45A6F0 with RGB values 69, 166, 240.

HEX#45A6F0

RGB69, 166, 240

HSL206°, 85%, 61%

CMYK71%, 31%, 0%, 6%

CSS Variable--color: #45a6f0;

Use in Generator Check Contrast View on Wheel

Shades of #45A6F0

#d0e8fb

#a1d2f7

#71bbf4

#42a5f0

#138eec

#0f72bd

#0b558e

#08395e

#041c2f

Tints of #45A6F0

#45a6f0

#59b0f2

#6eb9f3

#82c3f5

#96cdf7

#abd7f8

#bfe0fa

#d3eafb

#e7f4fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.64:1

AA NormalFailAAAFail

Sample Text

On Black7.97:1

AA NormalPassAAAPass

Full contrast analysis →