In RGB color space, #20ade2 hex color has a red value of 32, a green value of 173 and a blue value of 226.
In CMYK color space (used in color printing), #20ade2 hex color is composed of 85.84% cyan, 23.45% magenta, 0% yellow and 11.37% black.
#20ade2 color has a hue of 196.4 degrees, a saturation of 76.98% and a lightness of 50.6%.
#20ade2 hex color contains mainly BLUE.
The closest web safe color of #20ade2 is #3399cc
#20ade2 hex color has a decimal value of 2141666.
| HEX | 20ade2 | #20ade2 |
|---|---|---|
| RGB | 32, 173, 226 | rgb(32, 173, 226) |
| RGB Percent | 12.55, 67.84, 88.63 | rgb(12.55, 67.84, 88.63) |
| CMYK | 86, 23, 0, 11 | |
| HSL | 196.4°, 76.98, 50.6 | hsl(196.4, 76.98%, 50.6%) |
| HSV | 196.4°, 85.8, 88.6 |
| XYZ | 29.267, 35.685, 77.297 |
|---|---|
| Hunter Lab | 59.737, -17.087, -34.903 |
| CIE-LAB | 66.279, -17.012, -36.555 |
| CIE-LCH | 66.279, 40.32, 245.044 |
| CIE-LUV | 85.84, 23.45, 0, 11.37 |
| Web Safe | 3399cc |
RGB percent of color #20ade2
CMYK percent of color #20ade2
Text with hexadecimal color #20ade2
This text has a font color of #20ade2
<p style="color:#20ade2">Text here</p>#20ade2 Background Color
This box has a background color of #20ade2
<div style="background-color:#20ade2">Text here</div>#20ade2 Border Color
This box has a border color of #20ade2
<div style="border: 4px solid #20ade2">Text here</div>CSS codes
<p style="color:#20ade2">Text here</p><div style="background-color:#20ade2">Text here</div><div style="border: 4px solid #20ade2">Text here</div>#20ade2 Color on white background
This is how a font and box color of #20ade2 will look
on a white background.
#20ade2 Color on black background
This is how a font and box color of #20ade2 hex color will look
on a black background.