#222104 hex color

In a RGB color space, hex #222104 is composed of 13.3% red, 12.9% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.9% magenta, 88.2% yellow and 86.7% black. It has a hue angle of 58 degrees, a saturation of 78.9% and a lightness of 7.5%. #222104 color hex could be obtained by blending #444208 with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 13
- G 13
- B 2
RGB color chart
- C 0
- M 3
- Y 88
- K 87
CMYK color chart

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

The hexadecimal color #222104 has RGB values of R:34, G:33, B:4 and CMYK values of C:0, M:0.03, Y:0.88, K:0.87. Its decimal value is 2236676.

Hex triplet	222104	`#222104`
RGB Decimal	34, 33, 4	`rgb(34,33,4)`
RGB Percent	13.3, 12.9, 1.6	`rgb(13.3%,12.9%,1.6%)`
CMYK	0, 3, 88, 87
HSL	58°, 78.9, 7.5	`hsl(58,78.9%,7.5%)`
HSV (or HSB)	58°, 88.2, 13.3
Web Safe	333300	`#333300`

CIE-LAB	12.199, -4.304, 16.347
XYZ	1.225, 1.437, 0.328
xyY	0.41, 0.481, 1.437
CIE-LCH	12.199, 16.904, 104.75
CIE-LUV	12.199, 1.347, 12.036
Hunter-Lab	11.986, -2.725, 6.77
Binary	00100010, 00100001, 00000100

#222104
```
#222104 rgb(34,33,4)
```
#040522
```
#040522 rgb(4,5,34)
```

Complementary Color

#221204
```
#221204 rgb(34,18,4)
```
#222104
```
#222104 rgb(34,33,4)
```
#142204
```
#142204 rgb(20,34,4)
```

Analogous Color

#120422
```
#120422 rgb(18,4,34)
```
#222104
```
#222104 rgb(34,33,4)
```
#041422
```
#041422 rgb(4,20,34)
```

Split Complementary Color

#210422
```
#210422 rgb(33,4,34)
```
#222104
```
#222104 rgb(34,33,4)
```
#042221
```
#042221 rgb(4,34,33)
```

Triadic Color

#220405
```
#220405 rgb(34,4,5)
```
#222104
```
#222104 rgb(34,33,4)
```
#042221
```
#042221 rgb(4,34,33)
```
#040522
```
#040522 rgb(4,5,34)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#000000
```
#000000 rgb(0,0,0)
```
#0b0b01
```
#0b0b01 rgb(11,11,1)
```
#222104
```
#222104 rgb(34,33,4)
```
#393707
```
#393707 rgb(57,55,7)
```
#504d09
```
#504d09 rgb(80,77,9)
```
#66630c
```
#66630c rgb(102,99,12)
```

Monochromatic Color

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

#221a04
```
#221a04 rgb(34,26,4)
```
#221c04
```
#221c04 rgb(34,28,4)
```
#221f04
```
#221f04 rgb(34,31,4)
```
#222104
```
#222104 rgb(34,33,4)
```
#212204
```
#212204 rgb(33,34,4)
```
#1e2204
```
#1e2204 rgb(30,34,4)
```
#1c2204
```
#1c2204 rgb(28,34,4)
```

Similar Colors

Text with hexadecimal color #222104

This text has a font color of #222104.

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

#222104 background color

This paragraph has a background color of #222104.

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

#222104 border color

This element has a border color of #222104.

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

CSS codes

.text {color:#222104;}

.background {background-color:#222104;}

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

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

#101002
```
#101002 rgb(16,16,2)
```
#222104
```
#222104 rgb(34,33,4)
```
#343206
```
#343206 rgb(52,50,6)
```
#454308
```
#454308 rgb(69,67,8)
```
#57540a
```
#57540a rgb(87,84,10)
```
#68650c
```
#68650c rgb(104,101,12)
```
#7a760e
```
#7a760e rgb(122,118,14)
```
#8b8710
```
#8b8710 rgb(139,135,16)
```
#9d9812
```
#9d9812 rgb(157,152,18)
```
#aea915
```
#aea915 rgb(174,169,21)
```
#c0ba17
```
#c0ba17 rgb(192,186,23)
```
#d2cb19
```
#d2cb19 rgb(210,203,25)
```
#e3dc1b
```
#e3dc1b rgb(227,220,27)
```

Shade Color Variation

#e6e02b
```
#e6e02b rgb(230,224,43)
```
#e8e23d
```
#e8e23d rgb(232,226,61)
```
#eae54e
```
#eae54e rgb(234,229,78)
```
#ece860
```
#ece860 rgb(236,232,96)
```
#eeea71
```
#eeea71 rgb(238,234,113)
```
#f0ed83
```
#f0ed83 rgb(240,237,131)
```
#f2ef95
```
#f2ef95 rgb(242,239,149)
```
#f5f2a6
```
#f5f2a6 rgb(245,242,166)
```
#f7f5b8
```
#f7f5b8 rgb(247,245,184)
```
#f9f7c9
```
#f9f7c9 rgb(249,247,201)
```
#fbfadb
```
#fbfadb rgb(251,250,219)
```
#fdfcec
```
#fdfcec rgb(253,252,236)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#131313
```
#131313 rgb(19,19,19)
```
#151511
```
#151511 rgb(21,21,17)
```
#161610
```
#161610 rgb(22,22,16)
```
#18170e
```
#18170e rgb(24,23,14)
```
#19190d
```
#19190d rgb(25,25,13)
```
#1b1a0b
```
#1b1a0b rgb(27,26,11)
```
#1c1c0a
```
#1c1c0a rgb(28,28,10)
```
#1e1d08
```
#1e1d08 rgb(30,29,8)
```
#1f1e07
```
#1f1e07 rgb(31,30,7)
```
#212005
```
#212005 rgb(33,32,5)
```
#222104
```
#222104 rgb(34,33,4)
```
#232203
```
#232203 rgb(35,34,3)
```
#252401
```
#252401 rgb(37,36,1)
```

Tone Color Variation

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

#1e1e1e Achromatopsia 0.005% of the population
#1f1f19 Atypical Achromatopsia 0.001% of the population

Dichromacy

#302b0f Protanopia 1% of men
#352910 Deuteranopia 1% of men
#30292c Tritanopia 0.001% of the population

Trichromacy

#2b270b Protanomaly 1% of men, 0.01% of women
#2e260c Deuteranomaly 6% of men, 0.4% of women
#2b261d Tritanomaly 0.01% of the population

#222104 hex color

#222104 Color Information

#222104 Color Conversion

Color Schemes with #222104

Alternatives to #222104

#222104 Preview

Shades and Tints of #222104

Tones of #222104

Color Blindness Simulator