#222700 Color Information
In a RGB color space, hex #222700 is composed of 13.3% red, 15.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 12.8% cyan, 0% magenta, 100% yellow and 84.7% black. It has a hue angle of 67.7 degrees, a saturation of 100% and a lightness of 7.6%. #222700 color hex could be obtained by blending #444e00 with #000000. Closest websafe color is: #333300.
-
- R 13
- G 15
- B 0
-
- C 13
- M 0
- Y 100
- K 85
● #222700 color description : Very dark (mostly black) yellow [Olive tone].
#222700 Color Conversion
The hexadecimal color #222700 has RGB values of R:34, G:39, B:0 and CMYK values of C:0.13, M:0, Y:1, K:0.85. Its decimal value is 2238208.
Hex triplet | 222700 | #222700 |
---|---|---|
RGB Decimal | 34, 39, 0 | rgb(34,39,0) |
RGB Percent | 13.3, 15.3, 0 | rgb(13.3%,15.3%,0%) |
CMYK | 13, 0, 100, 85 | |
HSL | 67.7°, 100, 7.6 | hsl(67.7,100%,7.6%) |
HSV (or HSB) | 67.7°, 100, 15.3 | |
Web Safe | 333300 | #333300 |
CIE-LAB | 14.351, -8.69, 20.841 |
---|---|
XYZ | 1.385, 1.791, 0.273 |
xyY | 0.402, 0.519, 1.791 |
CIE-LCH | 14.351, 22.58, 112.634 |
CIE-LUV | 14.351, -1.351, 16.078 |
Hunter-Lab | 13.383, -4.946, 8.16 |
Binary | 00100010, 00100111, 00000000 |
Color Schemes with #222700
Alternatives to #222700
Below, you can see some colors close to #222700. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#222700 Preview
This text has a font color of #222700.
<span style="color:#222700;">Text here</span>
This paragraph has a background color of #222700.
<p style="background-color:#222700;">Content here</p>
This element has a border color of #222700.
<div style="border:1px solid #222700;">Content here</div>
.text {color:#222700;}
.background {background-color:#222700;}
.border {border:1px solid #222700;}
Shades and Tints of #222700
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #111300 is the darkest color, while #ffffff is the lightest one.
-
#111300
#111300
rgb(17,19,0)
-
#222700
#222700
rgb(34,39,0)
-
#333b00
#333b00
rgb(51,59,0)
-
#444e00
#444e00
rgb(68,78,0)
-
#556200
#556200
rgb(85,98,0)
-
#667500
#667500
rgb(102,117,0)
-
#788900
#788900
rgb(120,137,0)
-
#899d00
#899d00
rgb(137,157,0)
-
#9ab000
#9ab000
rgb(154,176,0)
-
#abc400
#abc400
rgb(171,196,0)
-
#bcd800
#bcd800
rgb(188,216,0)
-
#cdeb00
#cdeb00
rgb(205,235,0)
-
#deff00
#deff00
rgb(222,255,0)
-
#e1ff13
#e1ff13
rgb(225,255,19)
-
#e3ff27
#e3ff27
rgb(227,255,39)
-
#e6ff3b
#e6ff3b
rgb(230,255,59)
-
#e8ff4e
#e8ff4e
rgb(232,255,78)
-
#ebff62
#ebff62
rgb(235,255,98)
-
#edff75
#edff75
rgb(237,255,117)
-
#f0ff89
#f0ff89
rgb(240,255,137)
-
#f2ff9d
#f2ff9d
rgb(242,255,157)
-
#f5ffb0
#f5ffb0
rgb(245,255,176)
-
#f7ffc4
#f7ffc4
rgb(247,255,196)
-
#faffd8
#faffd8
rgb(250,255,216)
-
#fcffeb
#fcffeb
rgb(252,255,235)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #222700
A tone is produced by adding gray to any pure hue. In this case, #151512 is the less saturated color, while #222700 is the most saturated one.
-
#151512
#151512
rgb(21,21,18)
-
#161711
#161711
rgb(22,23,17)
-
#17180f
#17180f
rgb(23,24,15)
-
#181a0e
#181a0e
rgb(24,26,14)
-
#191b0c
#191b0c
rgb(25,27,12)
-
#1a1d0b
#1a1d0b
rgb(26,29,11)
-
#1b1e09
#1b1e09
rgb(27,30,9)
-
#1c2008
#1c2008
rgb(28,32,8)
-
#1e2106
#1e2106
rgb(30,33,6)
-
#1f2305
#1f2305
rgb(31,35,5)
-
#202403
#202403
rgb(32,36,3)
-
#212602
#212602
rgb(33,38,2)
-
#222700
#222700
rgb(34,39,0)
Color Blindness Simulator
Below, you can see how #222700 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.