#222229 color information
In a RGB color space, hex #222229 is composed of 13.3% red, 13.3% green and 16.1% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 17.1% magenta, 0% yellow and 83.9% black. It has a hue angle of 240 degrees, a saturation of 9.3% and a lightness of 14.7%. #222229 color hex could be obtained by blending #444452 with #000000. Closest websafe color is: #333333.
#222229 color conversion
The hexadecimal color #222229 has RGB values of R:34, G:34, B:41 and CMYK values of C:0.17, M:0.17, Y:0, K:0.84. Its decimal value is 2236969.
- Hex triplet 222229
#222229 - RGB Decimal 34, 34, 41
rgb(34,34,41) - RGB Percent 13.3, 13.3, 16.1
rgb(13.3%,13.3%,16.1%) - CMYK 17, 17, 0, 84
- HSL 240°, 9.3, 14.7
hsl(240,9%,15%) - HSV (or HSB) 240°, 17.1, 16.1
- Web Safe 333333
#333333
- CIE-LAB 13.497, 1.847, -4.662
- XYZ 1.632, 1.644, 2.329
- xyY 0.291, 0.293, 1.644
- CIE-LCH 13.497, 5.014, 291.612
- CIE-LUV 13.497, -0.301, -4.162
- Hunter-Lab 12.823, 0.277, -1.793
- Binary 00100010, 00100010, 00101001
Color Schemes with #222229
#222229 in action
This text has a font color of #222229.
<span style="color:#222229;">Text here</span>
This paragraph has a background color of #222229.
<p style="background-color:#222229;">Content here</p>
This element has a border color of #222229.
<div style="border:1px solid #222229;">Content here</div>
.text {color:#222229;}
.background {background-color:#222229;}
.border {border:1px solid #222229;}
Shades of #222229
- #101014 #101014
rgb(16,16,20) - #222229 #222229
rgb(34,34,41) - #34343e #34343e
rgb(52,52,62) - #464654 #464654
rgb(70,70,84) - #575769 #575769
rgb(87,87,105) - #69697f #69697f
rgb(105,105,127) - #7c7c93 #7c7c93
rgb(124,124,147) - #9292a5 #9292a5
rgb(146,146,165) - #a7a7b6 #a7a7b6
rgb(167,167,182) - #bdbdc8 #bdbdc8
rgb(189,189,200) - #d2d2da #d2d2da
rgb(210,210,218) - #e8e8ec #e8e8ec
rgb(232,232,236) - #fdfdfd #fdfdfd
rgb(253,253,253)
Color Blindness Simulator
Below, you can see how #222229 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.
