#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 GeneratorCheck ContrastView 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
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.74:1
AA NormalFailAAAFail

Sample Text

On Black7.65:1
AA NormalPassAAAPass
Full contrast analysis →