#45A4F0

69, 164, 240

#45A4F0

Custom color #45A4F0 with RGB values 69, 164, 240.

HEX#45A4F0
RGB69, 164, 240
HSL207°, 85%, 61%
CMYK71%, 32%, 0%, 6%
CSS Variable--color: #45a4f0;
Use in GeneratorCheck ContrastView on Wheel

Shades of #45A4F0

#d0e8fb

#a1d1f7

#71baf4

#42a3f0

#138cec

#0f70bd

#0b548e

#08385e

#041c2f

Tints of #45A4F0

#45a4f0

#59aef2

#6eb8f3

#82c2f5

#96ccf7

#abd6f8

#bfe0fa

#d3eafb

#e7f3fd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.68:1
AA NormalFailAAAFail

Sample Text

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