#36A4F2

54, 164, 242

#36A4F2

Custom color #36A4F2 with RGB values 54, 164, 242.

HEX#36A4F2

RGB54, 164, 242

HSL205°, 88%, 58%

CMYK78%, 32%, 0%, 5%

CSS Variable--color: #36a4f2;

Use in Generator Check Contrast View on Wheel

Shades of #36A4F2

#cfe9fc

#9fd4f9

#6fbef6

#3fa8f3

#0f93f0

#0c75c0

#095890

#063b60

#031d30

Tints of #36A4F2

#36a4f2

#4caef3

#62b8f5

#78c2f6

#8fccf8

#a5d6f9

#bbe0fb

#d1eafc

#e7f4fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.71:1

AA NormalFailAAAFail

Sample Text

On Black7.75:1

AA NormalPassAAAPass

Full contrast analysis →