#36A5FF

54, 165, 255

#36A5FF

Custom color #36A5FF with RGB values 54, 165, 255.

HEX#36A5FF
RGB54, 165, 255
HSL207°, 100%, 61%
CMYK79%, 35%, 0%, 0%
CSS Variable--color: #36a5ff;
Use in GeneratorCheck ContrastView on Wheel

Shades of #36A5FF

#cce8ff

#99d1ff

#66baff

#33a4ff

#008dff

#0071cc

#005499

#003866

#001c33

Tints of #36A5FF

#36a5ff

#4cafff

#62b9ff

#78c2ff

#8eccff

#a4d6ff

#bae0ff

#d0eaff

#e5f4ff

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.63:1
AA NormalFailAAAFail

Sample Text

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