#36A2F2

54, 162, 242

#36A2F2

Custom color #36A2F2 with RGB values 54, 162, 242.

HEX#36A2F2

RGB54, 162, 242

HSL206°, 88%, 58%

CMYK78%, 33%, 0%, 5%

CSS Variable--color: #36a2f2;

Use in Generator Check Contrast View on Wheel

Shades of #36A2F2

#cfe9fc

#9fd3f9

#6fbdf6

#3fa6f3

#0f90f0

#0c73c0

#095790

#063a60

#031d30

Tints of #36A2F2

#36a2f2

#4cacf3

#62b6f5

#78c1f6

#8fcbf8

#a5d5f9

#bbdffb

#d1eafc

#e7f4fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.76:1

AA NormalFailAAAFail

Sample Text

On Black7.61:1

AA NormalPassAAAPass

Full contrast analysis →