#20A4F2

32, 164, 242

#20A4F2

Custom color #20A4F2 with RGB values 32, 164, 242.

HEX#20A4F2

RGB32, 164, 242

HSL202°, 89%, 54%

CMYK87%, 32%, 0%, 5%

CSS Variable--color: #20a4f2;

Use in Generator Check Contrast View on Wheel

Shades of #20A4F2

#cfebfc

#9fd8f9

#6ec4f7

#3eb0f4

#0e9df1

#0b7dc1

#085e91

#063f60

#031f30

Tints of #20A4F2

#20a4f2

#39aef3

#52b8f5

#6bc2f6

#83cdf8

#9cd7f9

#b5e1fb

#ceebfc

#e7f5fe

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.74:1

AA NormalFailAAAFail

Sample Text

On Black7.65:1

AA NormalPassAAAPass

Full contrast analysis →