In RGB color space, #22a5e2 hex color has a red value of 34, a green value of 165 and a blue value of 226.
In CMYK color space (used in color printing), #22a5e2 hex color is composed of 84.96% cyan, 26.99% magenta, 0% yellow and 11.37% black.
#22a5e2 color has a hue of 199.1 degrees, a saturation of 76.8% and a lightness of 51%.
#22a5e2 hex color contains mainly BLUE.
The closest web safe color of #22a5e2 is #3399cc
#22a5e2 hex color has a decimal value of 2270690.
HEX | 22a5e2 | #22a5e2 |
---|---|---|
RGB | 34, 165, 226 | rgb(34, 165, 226) |
RGB Percent | 13.33, 64.71, 88.63 | rgb(13.33, 64.71, 88.63) |
CMYK | 85, 27, 0, 11 | |
HSL | 199.1°, 76.8, 51 | hsl(199.1, 76.8%, 51%) |
HSV | 199.1°, 85, 88.6 |
XYZ | 27.842, 32.741, 76.804 |
---|---|
Hunter Lab | 57.22, -13.28, -39.529 |
CIE-LAB | 63.951, -12.549, -40.189 |
CIE-LCH | 63.951, 42.103, 252.659 |
CIE-LUV | 84.96, 26.99, 0, 11.37 |
Web Safe | 3399cc |
RGB percent of color #22a5e2
CMYK percent of color #22a5e2
Text with hexadecimal color #22a5e2
This text has a font color of #22a5e2
<p style="color:#22a5e2">Text here</p>
#22a5e2 Background Color
This box has a background color of #22a5e2
<div style="background-color:#22a5e2">Text here</div>
#22a5e2 Border Color
This box has a border color of #22a5e2
<div style="border: 4px solid #22a5e2">Text here</div>
CSS codes
<p style="color:#22a5e2">Text here</p>
<div style="background-color:#22a5e2">Text here</div>
<div style="border: 4px solid #22a5e2">Text here</div>
#22a5e2 Color on white background
This is how a font and box color of #22a5e2 will look
on a white background.
#22a5e2 Color on black background
This is how a font and box color of #22a5e2 hex color will look
on a black background.