#36A4FF

54, 164, 255

#36A4FF

Custom color #36A4FF with RGB values 54, 164, 255.

HEX#36A4FF
RGB54, 164, 255
HSL207°, 100%, 61%
CMYK79%, 36%, 0%, 0%
CSS Variable--color: #36a4ff;
Use in GeneratorCheck ContrastView on Wheel

Shades of #36A4FF

#cce8ff

#99d1ff

#66baff

#33a3ff

#008cff

#0070cc

#005499

#003866

#001c33

Tints of #36A4FF

#36a4ff

#4caeff

#62b8ff

#78c2ff

#8eccff

#a4d6ff

#bae0ff

#d0eaff

#e5f3ff

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.65:1
AA NormalFailAAAFail

Sample Text

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