#45A2FF

69, 162, 255

#45A2FF

Custom color #45A2FF with RGB values 69, 162, 255.

HEX#45A2FF
RGB69, 162, 255
HSL210°, 100%, 64%
CMYK73%, 36%, 0%, 0%
CSS Variable--color: #45a2ff;
Use in GeneratorCheck ContrastView on Wheel

Shades of #45A2FF

#cce5ff

#99ccff

#66b2ff

#3399ff

#007fff

#0066cc

#004c99

#003366

#001933

Tints of #45A2FF

#45a2ff

#59acff

#6db6ff

#81c0ff

#95caff

#a9d4ff

#bddeff

#d1e8ff

#e5f2ff

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.67:1
AA NormalFailAAAFail

Sample Text

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