In RGB color space, #229ed2 hex color has a red value of 34, a green value of 158 and a blue value of 210.
In CMYK color space (used in color printing), #229ed2 hex color is composed of 83.81% cyan, 24.76% magenta, 0% yellow and 17.65% black.
#229ed2 color has a hue of 197.7 degrees, a saturation of 72.13% and a lightness of 47.8%.
#229ed2 hex color contains mainly BLUE.
The closest web safe color of #229ed2 is #3399cc
#229ed2 hex color has a decimal value of 2268882.
HEX | 229ed2 | #229ed2 |
---|---|---|
RGB | 34, 158, 210 | rgb(34, 158, 210) |
RGB Percent | 13.33, 61.96, 82.35 | rgb(13.33, 61.96, 82.35) |
CMYK | 84, 25, 0, 18 | |
HSL | 197.7°, 72.13, 47.8 | hsl(197.7, 72.13%, 47.8%) |
HSV | 197.7°, 83.8, 82.4 |
XYZ | 24.519, 29.447, 65.364 |
---|---|
Hunter Lab | 54.265, -14.311, -33.431 |
CIE-LAB | 61.174, -14.356, -35.657 |
CIE-LCH | 61.174, 38.438, 248.07 |
CIE-LUV | 83.81, 24.76, 0, 17.65 |
Web Safe | 3399cc |
RGB percent of color #229ed2
CMYK percent of color #229ed2
Text with hexadecimal color #229ed2
This text has a font color of #229ed2
<p style="color:#229ed2">Text here</p>
#229ed2 Background Color
This box has a background color of #229ed2
<div style="background-color:#229ed2">Text here</div>
#229ed2 Border Color
This box has a border color of #229ed2
<div style="border: 4px solid #229ed2">Text here</div>
CSS codes
<p style="color:#229ed2">Text here</p>
<div style="background-color:#229ed2">Text here</div>
<div style="border: 4px solid #229ed2">Text here</div>
#229ed2 Color on white background
This is how a font and box color of #229ed2 will look
on a white background.
#229ed2 Color on black background
This is how a font and box color of #229ed2 hex color will look
on a black background.