#222404 hex color

In a RGB color space, hex #222404 is composed of 13.3% red, 14.1% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 5.6% cyan, 0% magenta, 88.9% yellow and 85.9% black. It has a hue angle of 63.8 degrees, a saturation of 80% and a lightness of 7.8%. #222404 color hex could be obtained by blending #444808 with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 13
- G 14
- B 2
RGB color chart
- C 6
- M 0
- Y 89
- K 86
CMYK color chart

● #222404 color description : Very dark (mostly black) yellow [Olive tone].

The hexadecimal color #222404 has RGB values of R:34, G:36, B:4 and CMYK values of C:0.06, M:0, Y:0.89, K:0.86. Its decimal value is 2237444.

Hex triplet	222404	`#222404`
RGB Decimal	34, 36, 4	`rgb(34,36,4)`
RGB Percent	13.3, 14.1, 1.6	`rgb(13.3%,14.1%,1.6%)`
CMYK	6, 0, 89, 86
HSL	63.8°, 80, 7.8	`hsl(63.8,80%,7.8%)`
HSV (or HSB)	63.8°, 88.9, 14.1
Web Safe	333300	`#333300`

CIE-LAB	13.295, -6.314, 17.821
XYZ	1.312, 1.611, 0.357
xyY	0.4, 0.491, 1.611
CIE-LCH	13.295, 18.907, 109.51
CIE-LUV	13.295, -0.007, 13.448
Hunter-Lab	12.691, -3.749, 7.218
Binary	00100010, 00100100, 00000100

#222404
```
#222404 rgb(34,36,4)
```
#060424
```
#060424 rgb(6,4,36)
```

Complementary Color

#241604
```
#241604 rgb(36,22,4)
```
#222404
```
#222404 rgb(34,36,4)
```
#122404
```
#122404 rgb(18,36,4)
```

Analogous Color

#160424
```
#160424 rgb(22,4,36)
```
#222404
```
#222404 rgb(34,36,4)
```
#041224
```
#041224 rgb(4,18,36)
```

Split Complementary Color

#240422
```
#240422 rgb(36,4,34)
```
#222404
```
#222404 rgb(34,36,4)
```
#042224
```
#042224 rgb(4,34,36)
```

Triadic Color

#240604
```
#240604 rgb(36,6,4)
```
#222404
```
#222404 rgb(34,36,4)
```
#042224
```
#042224 rgb(4,34,36)
```
#060424
```
#060424 rgb(6,4,36)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#000000
```
#000000 rgb(0,0,0)
```
#0c0d01
```
#0c0d01 rgb(12,13,1)
```
#222404
```
#222404 rgb(34,36,4)
```
#383b07
```
#383b07 rgb(56,59,7)
```
#4d5209
```
#4d5209 rgb(77,82,9)
```
#63690c
```
#63690c rgb(99,105,12)
```

Monochromatic Color

Below, you can see some colors close to #222404. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#241e04
```
#241e04 rgb(36,30,4)
```
#242104
```
#242104 rgb(36,33,4)
```
#242304
```
#242304 rgb(36,35,4)
```
#222404
```
#222404 rgb(34,36,4)
```
#1f2404
```
#1f2404 rgb(31,36,4)
```
#1d2404
```
#1d2404 rgb(29,36,4)
```
#1a2404
```
#1a2404 rgb(26,36,4)
```

Similar Colors

Text with hexadecimal color #222404

This text has a font color of #222404.

<span style="color:#222404;">Text here</span>

#222404 background color

This paragraph has a background color of #222404.

<p style="background-color:#222404;">Content here</p>

#222404 border color

This element has a border color of #222404.

<div style="border:1px solid #222404;">Content here</div>

CSS codes

.text {color:#222404;}

.background {background-color:#222404;}

.border {border:1px solid #222404;}

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, #010100 is the darkest color, while #fcfdee is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#111202
```
#111202 rgb(17,18,2)
```
#222404
```
#222404 rgb(34,36,4)
```
#333606
```
#333606 rgb(51,54,6)
```
#434708
```
#434708 rgb(67,71,8)
```
#54590a
```
#54590a rgb(84,89,10)
```
#656b0c
```
#656b0c rgb(101,107,12)
```
#757c0e
```
#757c0e rgb(117,124,14)
```
#868e10
```
#868e10 rgb(134,142,16)
```
#97a012
```
#97a012 rgb(151,160,18)
```
#a7b114
```
#a7b114 rgb(167,177,20)
```
#b8c316
```
#b8c316 rgb(184,195,22)
```
#c9d518
```
#c9d518 rgb(201,213,24)
```

Shade Color Variation

#d9e61a
```
#d9e61a rgb(217,230,26)
```
#dce82c
```
#dce82c rgb(220,232,44)
```
#dfea3e
```
#dfea3e rgb(223,234,62)
```
#e2eb4f
```
#e2eb4f rgb(226,235,79)
```
#e5ed61
```
#e5ed61 rgb(229,237,97)
```
#e8ef72
```
#e8ef72 rgb(232,239,114)
```
#ebf184
```
#ebf184 rgb(235,241,132)
```
#edf396
```
#edf396 rgb(237,243,150)
```
#f0f5a7
```
#f0f5a7 rgb(240,245,167)
```
#f3f7b9
```
#f3f7b9 rgb(243,247,185)
```
#f6f9cb
```
#f6f9cb rgb(246,249,203)
```
#f9fbdc
```
#f9fbdc rgb(249,251,220)
```
#fcfdee
```
#fcfdee rgb(252,253,238)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #151513 is the less saturated color, while #252701 is the most saturated one.

#151513
```
#151513 rgb(21,21,19)
```
#161612
```
#161612 rgb(22,22,18)
```
#171810
```
#171810 rgb(23,24,16)
```
#19190f
```
#19190f rgb(25,25,15)
```
#1a1b0d
```
#1a1b0d rgb(26,27,13)
```
#1b1c0c
```
#1b1c0c rgb(27,28,12)
```
#1d1e0a
```
#1d1e0a rgb(29,30,10)
```
#1e1f09
```
#1e1f09 rgb(30,31,9)
```
#1f2107
```
#1f2107 rgb(31,33,7)
```
#212206
```
#212206 rgb(33,34,6)
```
#222404
```
#222404 rgb(34,36,4)
```
#232602
```
#232602 rgb(35,38,2)
```
#252701
```
#252701 rgb(37,39,1)
```

Tone Color Variation

Below, you can see how #222404 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.

Monochromacy

#202020 Achromatopsia 0.005% of the population
#20211a Atypical Achromatopsia 0.001% of the population

Dichromacy

#322d0f Protanopia 1% of men
#382b11 Deuteranopia 1% of men
#302c2f Tritanopia 0.001% of the population

Trichromacy

#2c2a0b Protanomaly 1% of men, 0.01% of women
#30280c Deuteranomaly 6% of men, 0.4% of women
#2b291f Tritanomaly 0.01% of the population

#222404 hex color

#222404 Color Information

#222404 Color Conversion

Color Schemes with #222404

Alternatives to #222404

#222404 Preview

Shades and Tints of #222404

Tones of #222404

Color Blindness Simulator