#222a02 hex color

In a RGB color space, hex #222a02 is composed of 13.3% red, 16.5% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 19% cyan, 0% magenta, 95.2% yellow and 83.5% black. It has a hue angle of 72 degrees, a saturation of 90.9% and a lightness of 8.6%. #222a02 color hex could be obtained by blending #445404 with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 13
- G 16
- B 1
RGB color chart
- C 19
- M 0
- Y 95
- K 84
CMYK color chart

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

The hexadecimal color #222a02 has RGB values of R:34, G:42, B:2 and CMYK values of C:0.19, M:0, Y:0.95, K:0.84. Its decimal value is 2238978.

Hex triplet	222a02	`#222a02`
RGB Decimal	34, 42, 2	`rgb(34,42,2)`
RGB Percent	13.3, 16.5, 0.8	`rgb(13.3%,16.5%,0.8%)`
CMYK	19, 0, 95, 84
HSL	72°, 90.9, 8.6	`hsl(72,90.9%,8.6%)`
HSV (or HSB)	72°, 95.2, 16.5
Web Safe	333300	`#333300`

CIE-LAB	15.489, -10.352, 21.491
XYZ	1.499, 2, 0.365
xyY	0.388, 0.518, 2
CIE-LCH	15.489, 23.854, 115.721
CIE-LUV	15.489, -2.809, 16.904
Hunter-Lab	14.143, -5.838, 8.372
Binary	00100010, 00101010, 00000010

#222a02
```
#222a02 rgb(34,42,2)
```
#0a022a
```
#0a022a rgb(10,2,42)
```

Complementary Color

#2a1e02
```
#2a1e02 rgb(42,30,2)
```
#222a02
```
#222a02 rgb(34,42,2)
```
#0e2a02
```
#0e2a02 rgb(14,42,2)
```

Analogous Color

#1e022a
```
#1e022a rgb(30,2,42)
```
#222a02
```
#222a02 rgb(34,42,2)
```
#020e2a
```
#020e2a rgb(2,14,42)
```

Split Complementary Color

#2a0222
```
#2a0222 rgb(42,2,34)
```
#222a02
```
#222a02 rgb(34,42,2)
```
#02222a
```
#02222a rgb(2,34,42)
```

Triadic Color

#2a0a02
```
#2a0a02 rgb(42,10,2)
```
#222a02
```
#222a02 rgb(34,42,2)
```
#02222a
```
#02222a rgb(2,34,42)
```
#0a022a
```
#0a022a rgb(10,2,42)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#000000
```
#000000 rgb(0,0,0)
```
#0e1201
```
#0e1201 rgb(14,18,1)
```
#222a02
```
#222a02 rgb(34,42,2)
```
#364203
```
#364203 rgb(54,66,3)
```
#495b04
```
#495b04 rgb(73,91,4)
```
#5d7305
```
#5d7305 rgb(93,115,5)
```

Monochromatic Color

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

#2a2802
```
#2a2802 rgb(42,40,2)
```
#292a02
```
#292a02 rgb(41,42,2)
```
#252a02
```
#252a02 rgb(37,42,2)
```
#222a02
```
#222a02 rgb(34,42,2)
```
#1f2a02
```
#1f2a02 rgb(31,42,2)
```
#1b2a02
```
#1b2a02 rgb(27,42,2)
```
#182a02
```
#182a02 rgb(24,42,2)
```

Similar Colors

Text with hexadecimal color #222a02

This text has a font color of #222a02.

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

#222a02 background color

This paragraph has a background color of #222a02.

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

#222a02 border color

This element has a border color of #222a02.

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

CSS codes

.text {color:#222a02;}

.background {background-color:#222a02;}

.border {border:1px solid #222a02;}

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

#040500
```
#040500 rgb(4,5,0)
```
#131701
```
#131701 rgb(19,23,1)
```
#222a02
```
#222a02 rgb(34,42,2)
```
#313d03
```
#313d03 rgb(49,61,3)
```
#404f04
```
#404f04 rgb(64,79,4)
```
#4f6205
```
#4f6205 rgb(79,98,5)
```
#5f7506
```
#5f7506 rgb(95,117,6)
```
#6e8806
```
#6e8806 rgb(110,136,6)
```
#7d9a07
```
#7d9a07 rgb(125,154,7)
```
#8cad08
```
#8cad08 rgb(140,173,8)
```
#9bc009
```
#9bc009 rgb(155,192,9)
```
#aad30a
```
#aad30a rgb(170,211,10)
```
#bae50b
```
#bae50b rgb(186,229,11)
```

Shade Color Variation

#c6f410
```
#c6f410 rgb(198,244,16)
```
#cbf523
```
#cbf523 rgb(203,245,35)
```
#cff536
```
#cff536 rgb(207,245,54)
```
#d4f648
```
#d4f648 rgb(212,246,72)
```
#d8f75b
```
#d8f75b rgb(216,247,91)
```
#dcf86e
```
#dcf86e rgb(220,248,110)
```
#e1f980
```
#e1f980 rgb(225,249,128)
```
#e5fa93
```
#e5fa93 rgb(229,250,147)
```
#eafba6
```
#eafba6 rgb(234,251,166)
```
#eefcb9
```
#eefcb9 rgb(238,252,185)
```
#f3fdcb
```
#f3fdcb rgb(243,253,203)
```
#f7fdde
```
#f7fdde rgb(247,253,222)
```
#fcfef1
```
#fcfef1 rgb(252,254,241)
```

Tint Color Variation

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

#171715
```
#171715 rgb(23,23,21)
```
#181913
```
#181913 rgb(24,25,19)
```
#191b11
```
#191b11 rgb(25,27,17)
```
#1a1c10
```
#1a1c10 rgb(26,28,16)
```
#1b1e0e
```
#1b1e0e rgb(27,30,14)
```
#1c200c
```
#1c200c rgb(28,32,12)
```
#1d220a
```
#1d220a rgb(29,34,10)
```
#1e2309
```
#1e2309 rgb(30,35,9)
```
#1f2507
```
#1f2507 rgb(31,37,7)
```
#202705
```
#202705 rgb(32,39,5)
```
#212804
```
#212804 rgb(33,40,4)
```
#222a02
```
#222a02 rgb(34,42,2)
```
#232c00
```
#232c00 rgb(35,44,0)
```

Tone Color Variation

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

#232323 Achromatopsia 0.005% of the population
#23241c Atypical Achromatopsia 0.001% of the population

Dichromacy

#37320a Protanopia 1% of men
#3e2f0f Deuteranopia 1% of men
#313135 Tritanopia 0.001% of the population

Trichromacy

#2f2f07 Protanomaly 1% of men, 0.01% of women
#332d0a Deuteranomaly 6% of men, 0.4% of women
#2c2e22 Tritanomaly 0.01% of the population

#222a02 hex color

#222a02 Color Information

#222a02 Color Conversion

Color Schemes with #222a02

Alternatives to #222a02

#222a02 Preview

Shades and Tints of #222a02

Tones of #222a02

Color Blindness Simulator