In RGB color space, #22b2ff hex color has a red value of 34, a green value of 178 and a blue value of 255.
In CMYK color space (used in color printing), #22b2ff hex color is composed of 86.67% cyan, 30.2% magenta, 0% yellow and 0% black.
#22b2ff color has a hue of 200.9 degrees, a saturation of 100% and a lightness of 56.7%.
#22b2ff hex color contains mainly BLUE.
The closest web safe color of #22b2ff is #3399ff
#22b2ff hex color has a decimal value of 2274047.
HEX | 22b2ff | #22b2ff |
---|---|---|
RGB | 34, 178, 255 | rgb(34, 178, 255) |
RGB Percent | 13.33, 69.8, 100 | rgb(13.33, 69.8, 100) |
CMYK | 87, 30, 0, 0 | |
HSL | 200.9°, 100, 56.7 | hsl(200.9, 100%, 56.7%) |
HSV | 200.9°, 86.7, 100 |
XYZ | 34.63, 39.401, 100.388 |
---|---|
Hunter Lab | 62.77, -11.37, -50.883 |
CIE-LAB | 69.041, -9.44, -48.035 |
CIE-LCH | 69.041, 48.954, 258.882 |
CIE-LUV | 86.67, 30.2, 0, 0 |
Web Safe | 3399ff |
RGB percent of color #22b2ff
CMYK percent of color #22b2ff
Text with hexadecimal color #22b2ff
This text has a font color of #22b2ff
<p style="color:#22b2ff">Text here</p>
#22b2ff Background Color
This box has a background color of #22b2ff
<div style="background-color:#22b2ff">Text here</div>
#22b2ff Border Color
This box has a border color of #22b2ff
<div style="border: 4px solid #22b2ff">Text here</div>
CSS codes
<p style="color:#22b2ff">Text here</p>
<div style="background-color:#22b2ff">Text here</div>
<div style="border: 4px solid #22b2ff">Text here</div>
#22b2ff Color on white background
This is how a font and box color of #22b2ff will look
on a white background.
#22b2ff Color on black background
This is how a font and box color of #22b2ff hex color will look
on a black background.