In RGB color space, #22aad4 hex color has a red value of 34, a green value of 170 and a blue value of 212.
In CMYK color space (used in color printing), #22aad4 hex color is composed of 83.96% cyan, 19.81% magenta, 0% yellow and 16.86% black.
#22aad4 color has a hue of 194.2 degrees, a saturation of 72.36% and a lightness of 48.2%.
#22aad4 hex color contains mainly BLUE.
The closest web safe color of #22aad4 is #3399cc
#22aad4 hex color has a decimal value of 2271956.
| HEX | 22aad4 | #22aad4 |
|---|---|---|
| RGB | 34, 170, 212 | rgb(34, 170, 212) |
| RGB Percent | 13.33, 66.67, 83.14 | rgb(13.33, 66.67, 83.14) |
| CMYK | 84, 20, 0, 17 | |
| HSL | 194.2°, 72.36, 48.2 | hsl(194.2, 72.36%, 48.2%) |
| HSV | 194.2°, 84, 83.1 |
| XYZ | 26.918, 33.843, 67.401 |
|---|---|
| Hunter Lab | 58.175, -19.212, -27.971 |
| CIE-LAB | 64.838, -20.088, -31.075 |
| CIE-LCH | 64.838, 37.002, 237.12 |
| CIE-LUV | 83.96, 19.81, 0, 16.86 |
| Web Safe | 3399cc |
RGB percent of color #22aad4
CMYK percent of color #22aad4
Text with hexadecimal color #22aad4
This text has a font color of #22aad4
<p style="color:#22aad4">Text here</p>#22aad4 Background Color
This box has a background color of #22aad4
<div style="background-color:#22aad4">Text here</div>#22aad4 Border Color
This box has a border color of #22aad4
<div style="border: 4px solid #22aad4">Text here</div>CSS codes
<p style="color:#22aad4">Text here</p><div style="background-color:#22aad4">Text here</div><div style="border: 4px solid #22aad4">Text here</div>#22aad4 Color on white background
This is how a font and box color of #22aad4 will look
on a white background.
#22aad4 Color on black background
This is how a font and box color of #22aad4 hex color will look
on a black background.