#36A3F2

54, 163, 242

#36A3F2

Custom color #36A3F2 with RGB values 54, 163, 242.

HEX#36A3F2

RGB54, 163, 242

HSL205°, 88%, 58%

CMYK78%, 33%, 0%, 5%

CSS Variable--color: #36a3f2;

Use in Generator Check Contrast View on Wheel

Shades of #36A3F2

#cfe9fc

#9fd3f9

#6fbdf6

#3fa7f3

#0f91f0

#0c74c0

#095790

#063a60

#031d30

Tints of #36A3F2

#36a3f2

#4cadf3

#62b7f5

#78c1f6

#8fccf8

#a5d6f9

#bbe0fb

#d1eafc

#e7f4fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.74:1

AA NormalFailAAAFail

Sample Text

On Black7.68:1

AA NormalPassAAAPass

Full contrast analysis →