#222f34 color information
In a RGB color space, hex #222f34 is composed of 13.3% red, 18.4% green and 20.4% blue. Whereas in a CMYK color space, it is composed of 34.6% cyan, 9.6% magenta, 0% yellow and 79.6% black. It has a hue angle of 196.7 degrees, a saturation of 20.9% and a lightness of 16.9%. #222f34 color hex could be obtained by blending #445e68 with #000000. Closest websafe color is: #333333.
#222f34 color conversion
The hexadecimal color #222f34 has RGB values of R:34, G:47, B:52 and CMYK values of C:0.35, M:0.1, Y:0, K:0.8. Its decimal value is 2240308.
- Hex triplet 222f34
#222f34 - RGB Decimal 34, 47, 52
rgb(34,47,52) - RGB Percent 13.3, 18.4, 20.4
rgb(13.3%,18.4%,20.4%) - CMYK 35, 10, 0, 80
- HSL 196.7°, 20.9, 16.9
hsl(197,21%,17%) - HSV (or HSB) 196.7°, 34.6, 20.4
- Web Safe 333333
#333333
- CIE-LAB 18.457, -3.986, -4.982
- XYZ 2.296, 2.621, 3.634
- xyY 0.269, 0.307, 2.621
- CIE-LCH 18.457, 6.38, 231.331
- CIE-LUV 18.457, -5.507, -4.588
- Hunter-Lab 16.189, -3.018, -1.974
- Binary 00100010, 00101111, 00110100
Color Schemes with #222f34
#222f34 in action
This text has a font color of #222f34.
<span style="color:#222f34;">Text here</span>
This paragraph has a background color of #222f34.
<p style="background-color:#222f34;">Content here</p>
This element has a border color of #222f34.
<div style="border:1px solid #222f34;">Content here</div>
.text {color:#222f34;}
.background {background-color:#222f34;}
.border {border:1px solid #222f34;}
Shades of #222f34
- #030405 #030405
rgb(3,4,5) - #121a1c #121a1c
rgb(18,26,28) - #222f34 #222f34
rgb(34,47,52) - #32444c #32444c
rgb(50,68,76) - #415a63 #415a63
rgb(65,90,99) - #516f7b #516f7b
rgb(81,111,123) - #608593 #608593
rgb(96,133,147) - #7598a5 #7598a5
rgb(117,152,165) - #8da9b4 #8da9b4
rgb(141,169,180) - #a5bbc4 #a5bbc4
rgb(165,187,196) - #bccdd3 #bccdd3
rgb(188,205,211) - #d4dfe3 #d4dfe3
rgb(212,223,227) - #ecf1f2 #ecf1f2
rgb(236,241,242)
Color Blindness Simulator
Below, you can see how #222f34 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.
