#222a00 hex color

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

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

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

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

Hex triplet	222a00	`#222a00`
RGB Decimal	34, 42, 0	`rgb(34,42,0)`
RGB Percent	13.3, 16.5, 0	`rgb(13.3%,16.5%,0%)`
CMYK	19, 0, 100, 84
HSL	71.4°, 100, 8.2	`hsl(71.4,100%,8.2%)`
HSV (or HSB)	71.4°, 100, 16.5
Web Safe	333300	`#333300`

CIE-LAB	15.466, -10.559, 22.276
XYZ	1.488, 1.996, 0.307
xyY	0.392, 0.527, 1.996
CIE-LCH	15.466, 24.652, 115.362
CIE-LUV	15.466, -2.792, 17.491
Hunter-Lab	14.128, -5.928, 8.602
Binary	00100010, 00101010, 00000000

#222a00
```
#222a00 rgb(34,42,0)
```
#08002a
```
#08002a rgb(8,0,42)
```

Complementary Color

#2a1d00
```
#2a1d00 rgb(42,29,0)
```
#222a00
```
#222a00 rgb(34,42,0)
```
#0d2a00
```
#0d2a00 rgb(13,42,0)
```

Analogous Color

#1d002a
```
#1d002a rgb(29,0,42)
```
#222a00
```
#222a00 rgb(34,42,0)
```
#000d2a
```
#000d2a rgb(0,13,42)
```

Split Complementary Color

#2a0022
```
#2a0022 rgb(42,0,34)
```
#222a00
```
#222a00 rgb(34,42,0)
```
#00222a
```
#00222a rgb(0,34,42)
```

Triadic Color

#2a0800
```
#2a0800 rgb(42,8,0)
```
#222a00
```
#222a00 rgb(34,42,0)
```
#00222a
```
#00222a rgb(0,34,42)
```
#08002a
```
#08002a rgb(8,0,42)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#000000
```
#000000 rgb(0,0,0)
```
#0d1100
```
#0d1100 rgb(13,17,0)
```
#222a00
```
#222a00 rgb(34,42,0)
```
#374400
```
#374400 rgb(55,68,0)
```
#4b5d00
```
#4b5d00 rgb(75,93,0)
```
#607700
```
#607700 rgb(96,119,0)
```

Monochromatic Color

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

#2a2800
```
#2a2800 rgb(42,40,0)
```
#292a00
```
#292a00 rgb(41,42,0)
```
#262a00
```
#262a00 rgb(38,42,0)
```
#222a00
```
#222a00 rgb(34,42,0)
```
#1f2a00
```
#1f2a00 rgb(31,42,0)
```
#1b2a00
```
#1b2a00 rgb(27,42,0)
```
#182a00
```
#182a00 rgb(24,42,0)
```

Similar Colors

Text with hexadecimal color #222a00

This text has a font color of #222a00.

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

#222a00 background color

This paragraph has a background color of #222a00.

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

#222a00 border color

This element has a border color of #222a00.

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

CSS codes

.text {color:#222a00;}

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

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

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

#020300
```
#020300 rgb(2,3,0)
```
#121600
```
#121600 rgb(18,22,0)
```
#222a00
```
#222a00 rgb(34,42,0)
```
#323e00
```
#323e00 rgb(50,62,0)
```
#425100
```
#425100 rgb(66,81,0)
```
#526500
```
#526500 rgb(82,101,0)
```
#627800
```
#627800 rgb(98,120,0)
```
#718c00
```
#718c00 rgb(113,140,0)
```
#81a000
```
#81a000 rgb(129,160,0)
```
#91b300
```
#91b300 rgb(145,179,0)
```
#a1c700
```
#a1c700 rgb(161,199,0)
```
#b1db00
```
#b1db00 rgb(177,219,0)
```
#c1ee00
```
#c1ee00 rgb(193,238,0)
```

Shade Color Variation

#cfff03
```
#cfff03 rgb(207,255,3)
```
#d3ff16
```
#d3ff16 rgb(211,255,22)
```
#d6ff2a
```
#d6ff2a rgb(214,255,42)
```
#daff3e
```
#daff3e rgb(218,255,62)
```
#deff51
```
#deff51 rgb(222,255,81)
```
#e2ff65
```
#e2ff65 rgb(226,255,101)
```
#e5ff78
```
#e5ff78 rgb(229,255,120)
```
#e9ff8c
```
#e9ff8c rgb(233,255,140)
```
#edffa0
```
#edffa0 rgb(237,255,160)
```
#f1ffb3
```
#f1ffb3 rgb(241,255,179)
```
#f4ffc7
```
#f4ffc7 rgb(244,255,199)
```
#f8ffdb
```
#f8ffdb rgb(248,255,219)
```
#fcffee
```
#fcffee rgb(252,255,238)
```

Tint Color Variation

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

#161713
```
#161713 rgb(22,23,19)
```
#171812
```
#171812 rgb(23,24,18)
```
#181a10
```
#181a10 rgb(24,26,16)
```
#191b0f
```
#191b0f rgb(25,27,15)
```
#1a1d0d
```
#1a1d0d rgb(26,29,13)
```
#1b1f0b
```
#1b1f0b rgb(27,31,11)
```
#1c200a
```
#1c200a rgb(28,32,10)
```
#1d2208
```
#1d2208 rgb(29,34,8)
```
#1e2406
```
#1e2406 rgb(30,36,6)
```
#1f2505
```
#1f2505 rgb(31,37,5)
```
#202703
```
#202703 rgb(32,39,3)
```
#212802
```
#212802 rgb(33,40,2)
```
#222a00
```
#222a00 rgb(34,42,0)
```

Tone Color Variation

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

#383200 Protanopia 1% of men
#3e2f0a Deuteranopia 1% of men
#323135 Tritanopia 0.001% of the population

Trichromacy

#302f00 Protanomaly 1% of men, 0.01% of women
#342d06 Deuteranomaly 6% of men, 0.4% of women
#2c2e21 Tritanomaly 0.01% of the population

#222a00 hex color

#222a00 Color Information

#222a00 Color Conversion

Color Schemes with #222a00

Alternatives to #222a00

#222a00 Preview

Shades and Tints of #222a00

Tones of #222a00

Color Blindness Simulator