#22aaff short hex color code is #2af.
In RGB color space, #22aaff hex color has a red value of 34, a green value of 170 and a blue value of 255.
In CMYK color space (used in color printing), #22aaff hex color is composed of 86.67% cyan, 33.33% magenta, 0% yellow and 0% black.
#22aaff color has a hue of 203.1 degrees, a saturation of 100% and a lightness of 56.7%.
#22aaff hex color contains mainly BLUE.
The closest web safe color of #22aaff is #3399ff
#22aaff hex color has a decimal value of 2271999.
HEX | 22aaff | #22aaff |
---|---|---|
RGB | 34, 170, 255 | rgb(34, 170, 255) |
RGB Percent | 13.33, 66.67, 100 | rgb(13.33, 66.67, 100) |
CMYK | 87, 33, 0, 0 | |
HSL | 203.1°, 100, 56.7 | hsl(203.1, 100%, 56.7%) |
HSV | 203.1°, 86.7, 100 |
XYZ | 33.084, 36.31, 99.872 |
---|---|
Hunter Lab | 60.258, -7.447, -56.088 |
CIE-LAB | 66.756, -4.988, -51.64 |
CIE-LCH | 66.756, 51.88, 264.483 |
CIE-LUV | 86.67, 33.33, 0, 0 |
Web Safe | 3399ff |
RGB percent of color #22aaff
CMYK percent of color #22aaff
Text with hexadecimal color #22aaff
This text has a font color of #22aaff
<p style="color:#22aaff">Text here</p>
#22aaff Background Color
This box has a background color of #22aaff
<div style="background-color:#22aaff">Text here</div>
#22aaff Border Color
This box has a border color of #22aaff
<div style="border: 4px solid #22aaff">Text here</div>
CSS codes
<p style="color:#22aaff">Text here</p>
<div style="background-color:#22aaff">Text here</div>
<div style="border: 4px solid #22aaff">Text here</div>
#22aaff Color on white background
This is how a font and box color of #22aaff will look
on a white background.
#22aaff Color on black background
This is how a font and box color of #22aaff hex color will look
on a black background.