#45A7F0

69, 167, 240

#45A7F0

Custom color #45A7F0 with RGB values 69, 167, 240.

HEX#45A7F0

RGB69, 167, 240

HSL206°, 85%, 61%

CMYK71%, 30%, 0%, 6%

CSS Variable--color: #45a7f0;

Use in Generator Check Contrast View on Wheel

Shades of #45A7F0

#d0e9fb

#a1d2f7

#71bcf4

#42a6f0

#138fec

#0f73bd

#0b568e

#08395e

#041d2f

Tints of #45A7F0

#45a7f0

#59b1f2

#6ebaf3

#82c4f5

#96cdf7

#abd7f8

#bfe1fa

#d3eafb

#e7f4fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.61:1

AA NormalFailAAAFail

Sample Text

On Black8.04:1

AA NormalPassAAAPass

Full contrast analysis →