#45BAF0

69, 186, 240

#45BAF0

Custom color #45BAF0 with RGB values 69, 186, 240.

HEX#45BAF0
RGB69, 186, 240
HSL199°, 85%, 61%
CMYK71%, 23%, 0%, 6%
CSS Variable--color: #45baf0;
Use in GeneratorCheck ContrastView on Wheel

Shades of #45BAF0

#d0edfb

#a1dcf7

#71caf4

#42b9f0

#13a7ec

#0f86bd

#0b648e

#08435e

#04212f

Tints of #45BAF0

#45baf0

#59c2f2

#6ec9f3

#82d1f5

#96d8f7

#abe0f8

#bfe7fa

#d3effb

#e7f6fd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.20:1
AA NormalFailAAAFail

Sample Text

On Black9.53:1
AA NormalPassAAAPass
Full contrast analysis →