#36A7F2

54, 167, 242

#36A7F2

Custom color #36A7F2 with RGB values 54, 167, 242.

HEX#36A7F2

RGB54, 167, 242

HSL204°, 88%, 58%

CMYK78%, 31%, 0%, 5%

CSS Variable--color: #36a7f2;

Use in Generator Check Contrast View on Wheel

Shades of #36A7F2

#cfeafc

#9fd5f9

#6fc0f6

#3fabf3

#0f96f0

#0c78c0

#095a90

#063c60

#031e30

Tints of #36A7F2

#36a7f2

#4cb1f3

#62baf5

#78c4f6

#8fcef8

#a5d7f9

#bbe1fb

#d1ebfc

#e7f5fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.64:1

AA NormalFailAAAFail

Sample Text

On Black7.97:1

AA NormalPassAAAPass

Full contrast analysis →