#45A2BA

69, 162, 186

#45A2BA

Custom color #45A2BA with RGB values 69, 162, 186.

HEX#45A2BA
RGB69, 162, 186
HSL192°, 46%, 50%
CMYK63%, 13%, 0%, 27%
CSS Variable--color: #45a2ba;
Use in GeneratorCheck ContrastView on Wheel

Shades of #45A2BA

#daecf1

#b5dae3

#8fc7d6

#6ab5c8

#45a2ba

#378295

#296170

#1c414a

#0e2025

Tints of #45A2BA

#45a2ba

#5aacc2

#6fb7ca

#84c1d1

#99ccd9

#aed6e1

#c3e1e9

#d7ebf0

#ecf6f8

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.95:1
AA NormalFailAAAFail

Sample Text

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