#ad8b22 hex color

In a RGB color space, hex #ad8b22 is composed of 67.8% red, 54.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.7% magenta, 80.3% yellow and 32.2% black. It has a hue angle of 45.3 degrees, a saturation of 67.1% and a lightness of 40.6%. #ad8b22 color hex could be obtained by blending #ffff44 with #5b1700. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 68
- G 55
- B 13
RGB color chart
- C 0
- M 20
- Y 80
- K 32
CMYK color chart

● #ad8b22 color description : Dark yellow [Olive tone].

The hexadecimal color #ad8b22 has RGB values of R:173, G:139, B:34 and CMYK values of C:0, M:0.2, Y:0.8, K:0.32. Its decimal value is 11373346.

Hex triplet	ad8b22	`#ad8b22`
RGB Decimal	173, 139, 34	`rgb(173,139,34)`
RGB Percent	67.8, 54.5, 13.3	`rgb(67.8%,54.5%,13.3%)`
CMYK	0, 20, 80, 32
HSL	45.3°, 67.1, 40.6	`hsl(45.3,67.1%,40.6%)`
HSV (or HSB)	45.3°, 80.3, 67.8
Web Safe	999933	`#999933`

CIE-LAB	59.403, 2.674, 56.5
XYZ	26.755, 27.466, 5.406
xyY	0.449, 0.461, 27.466
CIE-LCH	59.403, 56.563, 87.291
CIE-LUV	59.403, 28.874, 57.913
Hunter-Lab	52.408, -0.587, 30.57
Binary	10101101, 10001011, 00100010

#ad8b22
```
#ad8b22 rgb(173,139,34)
```
#2244ad
```
#2244ad rgb(34,68,173)
```

Complementary Color

#ad4522
```
#ad4522 rgb(173,69,34)
```
#ad8b22
```
#ad8b22 rgb(173,139,34)
```
#8aad22
```
#8aad22 rgb(138,173,34)
```

Analogous Color

#4622ad
```
#4622ad rgb(70,34,173)
```
#ad8b22
```
#ad8b22 rgb(173,139,34)
```
#228aad
```
#228aad rgb(34,138,173)
```

Split Complementary Color

#8b22ad
```
#8b22ad rgb(139,34,173)
```
#ad8b22
```
#ad8b22 rgb(173,139,34)
```
#22ad8b
```
#22ad8b rgb(34,173,139)
```

Triadic Color

#ad2244
```
#ad2244 rgb(173,34,68)
```
#ad8b22
```
#ad8b22 rgb(173,139,34)
```
#22ad8b
```
#22ad8b rgb(34,173,139)
```
#2244ad
```
#2244ad rgb(34,68,173)
```

Tetradic Color

#6d5815
```
#6d5815 rgb(109,88,21)
```
#82691a
```
#82691a rgb(130,105,26)
```
#987a1e
```
#987a1e rgb(152,122,30)
```
#ad8b22
```
#ad8b22 rgb(173,139,34)
```
#c29c26
```
#c29c26 rgb(194,156,38)
```
#d6ac2c
```
#d6ac2c rgb(214,172,44)
```
#dab542
```
#dab542 rgb(218,181,66)
```

Monochromatic Color

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

#ad6822
```
#ad6822 rgb(173,104,34)
```
#ad7422
```
#ad7422 rgb(173,116,34)
```
#ad7f22
```
#ad7f22 rgb(173,127,34)
```
#ad8b22
```
#ad8b22 rgb(173,139,34)
```
#ad9722
```
#ad9722 rgb(173,151,34)
```
#ada222
```
#ada222 rgb(173,162,34)
```
#acad22
```
#acad22 rgb(172,173,34)
```

Similar Colors

Text with hexadecimal color #ad8b22

This text has a font color of #ad8b22.

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

#ad8b22 background color

This paragraph has a background color of #ad8b22.

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

#ad8b22 border color

This element has a border color of #ad8b22.

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

CSS codes

.text {color:#ad8b22;}

.background {background-color:#ad8b22;}

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

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

#090702
```
#090702 rgb(9,7,2)
```
#191405
```
#191405 rgb(25,20,5)
```
#2a2208
```
#2a2208 rgb(42,34,8)
```
#3a2f0b
```
#3a2f0b rgb(58,47,11)
```
#4b3c0f
```
#4b3c0f rgb(75,60,15)
```
#5b4912
```
#5b4912 rgb(91,73,18)
```
#6b5615
```
#6b5615 rgb(107,86,21)
```
#7c6318
```
#7c6318 rgb(124,99,24)
```
#8c711c
```
#8c711c rgb(140,113,28)
```
#9d7e1f
```
#9d7e1f rgb(157,126,31)
```
#ad8b22
```
#ad8b22 rgb(173,139,34)
```
#bd9825
```
#bd9825 rgb(189,152,37)
```
#cea528
```
#cea528 rgb(206,165,40)
```

Shade Color Variation

#d7af33
```
#d7af33 rgb(215,175,51)
```
#dab543
```
#dab543 rgb(218,181,67)
```
#ddbc54
```
#ddbc54 rgb(221,188,84)
```
#e1c264
```
#e1c264 rgb(225,194,100)
```
#e4c975
```
#e4c975 rgb(228,201,117)
```
#e7cf85
```
#e7cf85 rgb(231,207,133)
```
#ead595
```
#ead595 rgb(234,213,149)
```
#eddca6
```
#eddca6 rgb(237,220,166)
```
#f1e2b6
```
#f1e2b6 rgb(241,226,182)
```
#f4e9c6
```
#f4e9c6 rgb(244,233,198)
```
#f7efd7
```
#f7efd7 rgb(247,239,215)
```
#faf6e7
```
#faf6e7 rgb(250,246,231)
```
#fefcf8
```
#fefcf8 rgb(254,252,248)
```

Tint Color Variation

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

#6d6a62
```
#6d6a62 rgb(109,106,98)
```
#756f5a
```
#756f5a rgb(117,111,90)
```
#7d7352
```
#7d7352 rgb(125,115,82)
```
#85774a
```
#85774a rgb(133,119,74)
```
#8d7b42
```
#8d7b42 rgb(141,123,66)
```
#957f3a
```
#957f3a rgb(149,127,58)
```
#9d8332
```
#9d8332 rgb(157,131,50)
```
#a5872a
```
#a5872a rgb(165,135,42)
```
#ad8b22
```
#ad8b22 rgb(173,139,34)
```
#b58f1a
```
#b58f1a rgb(181,143,26)
```
#bd9312
```
#bd9312 rgb(189,147,18)
```
#c5970a
```
#c5970a rgb(197,151,10)
```
#cd9b02
```
#cd9b02 rgb(205,155,2)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#908974 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6952e Protanopia 1% of men
#b88d2f Deuteranopia 1% of men
#b88791 Tritanopia 0.001% of the population

Trichromacy

#a8912a Protanomaly 1% of men, 0.01% of women
#b48c2a Deuteranomaly 6% of men, 0.4% of women
#b48968 Tritanomaly 0.01% of the population

#ad8b22 hex color

#ad8b22 Color Information

#ad8b22 Color Conversion

Color Schemes with #ad8b22

Alternatives to #ad8b22

#ad8b22 Preview

Shades and Tints of #ad8b22

Tones of #ad8b22

Color Blindness Simulator