#36A5F2

54, 165, 242

#36A5F2

Custom color #36A5F2 with RGB values 54, 165, 242.

HEX#36A5F2
RGB54, 165, 242
HSL205°, 88%, 58%
CMYK78%, 32%, 0%, 5%
CSS Variable--color: #36a5f2;
Use in GeneratorCheck ContrastView on Wheel

Shades of #36A5F2

#cfeafc

#9fd4f9

#6fbff6

#3fa9f3

#0f94f0

#0c76c0

#095990

#063b60

#031e30

Tints of #36A5F2

#36a5f2

#4caff3

#62b9f5

#78c3f6

#8fcdf8

#a5d7f9

#bbe0fb

#d1eafc

#e7f4fd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.69:1
AA NormalFailAAAFail

Sample Text

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