#a28f22 hex color

In a RGB color space, hex #a28f22 is composed of 63.5% red, 56.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.7% magenta, 79% yellow and 36.5% black. It has a hue angle of 51.1 degrees, a saturation of 65.3% and a lightness of 38.4%. #a28f22 color hex could be obtained by blending #ffff44 with #451f00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 64
- G 56
- B 13
RGB color chart
- C 0
- M 12
- Y 79
- K 36
CMYK color chart

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

The hexadecimal color #a28f22 has RGB values of R:162, G:143, B:34 and CMYK values of C:0, M:0.12, Y:0.79, K:0.36. Its decimal value is 10653474.

Hex triplet	a28f22	`#a28f22`
RGB Decimal	162, 143, 34	`rgb(162,143,34)`
RGB Percent	63.5, 56.1, 13.3	`rgb(63.5%,56.1%,13.3%)`
CMYK	0, 12, 79, 36
HSL	51.1°, 65.3, 38.4	`hsl(51.1,65.3%,38.4%)`
HSV (or HSB)	51.1°, 79, 63.5
Web Safe	999933	`#999933`

CIE-LAB	59.382, -4.512, 56.069
XYZ	25.012, 27.443, 5.493
xyY	0.432, 0.474, 27.443
CIE-LCH	59.382, 56.25, 94.601
CIE-LUV	59.382, 17.717, 59.229
Hunter-Lab	52.386, -6.45, 30.453
Binary	10100010, 10001111, 00100010

#a28f22
```
#a28f22 rgb(162,143,34)
```
#2235a2
```
#2235a2 rgb(34,53,162)
```

Complementary Color

#a24f22
```
#a24f22 rgb(162,79,34)
```
#a28f22
```
#a28f22 rgb(162,143,34)
```
#75a222
```
#75a222 rgb(117,162,34)
```

Analogous Color

#4f22a2
```
#4f22a2 rgb(79,34,162)
```
#a28f22
```
#a28f22 rgb(162,143,34)
```
#2275a2
```
#2275a2 rgb(34,117,162)
```

Split Complementary Color

#8f22a2
```
#8f22a2 rgb(143,34,162)
```
#a28f22
```
#a28f22 rgb(162,143,34)
```
#22a28f
```
#22a28f rgb(34,162,143)
```

Triadic Color

#a22235
```
#a22235 rgb(162,34,53)
```
#a28f22
```
#a28f22 rgb(162,143,34)
```
#22a28f
```
#22a28f rgb(34,162,143)
```
#2235a2
```
#2235a2 rgb(34,53,162)
```

Tetradic Color

#635715
```
#635715 rgb(99,87,21)
```
#786a19
```
#786a19 rgb(120,106,25)
```
#8d7c1e
```
#8d7c1e rgb(141,124,30)
```
#a28f22
```
#a28f22 rgb(162,143,34)
```
#b7a226
```
#b7a226 rgb(183,162,38)
```
#ccb42b
```
#ccb42b rgb(204,180,43)
```
#d6bf3b
```
#d6bf3b rgb(214,191,59)
```

Monochromatic Color

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

#a26f22
```
#a26f22 rgb(162,111,34)
```
#a27a22
```
#a27a22 rgb(162,122,34)
```
#a28422
```
#a28422 rgb(162,132,34)
```
#a28f22
```
#a28f22 rgb(162,143,34)
```
#a29a22
```
#a29a22 rgb(162,154,34)
```
#a0a222
```
#a0a222 rgb(160,162,34)
```
#95a222
```
#95a222 rgb(149,162,34)
```

Similar Colors

Text with hexadecimal color #a28f22

This text has a font color of #a28f22.

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

#a28f22 background color

This paragraph has a background color of #a28f22.

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

#a28f22 border color

This element has a border color of #a28f22.

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

CSS codes

.text {color:#a28f22;}

.background {background-color:#a28f22;}

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

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, #100e03 is the darkest color, while #ffffff is the lightest one.

#100e03
```
#100e03 rgb(16,14,3)
```
#201d07
```
#201d07 rgb(32,29,7)
```
#312b0a
```
#312b0a rgb(49,43,10)
```
#41390e
```
#41390e rgb(65,57,14)
```
#514711
```
#514711 rgb(81,71,17)
```
#615614
```
#615614 rgb(97,86,20)
```
#716418
```
#716418 rgb(113,100,24)
```
#82721b
```
#82721b rgb(130,114,27)
```
#92811f
```
#92811f rgb(146,129,31)
```
#a28f22
```
#a28f22 rgb(162,143,34)
```
#b29d25
```
#b29d25 rgb(178,157,37)
```
#c2ac29
```
#c2ac29 rgb(194,172,41)
```
#d3ba2c
```
#d3ba2c rgb(211,186,44)
```

Shade Color Variation

#d6bf3c
```
#d6bf3c rgb(214,191,60)
```
#dac54d
```
#dac54d rgb(218,197,77)
```
#ddca5d
```
#ddca5d rgb(221,202,93)
```
#e0cf6d
```
#e0cf6d rgb(224,207,109)
```
#e4d57d
```
#e4d57d rgb(228,213,125)
```
#e7da8d
```
#e7da8d rgb(231,218,141)
```
#ebdf9e
```
#ebdf9e rgb(235,223,158)
```
#eee4ae
```
#eee4ae rgb(238,228,174)
```
#f1eabe
```
#f1eabe rgb(241,234,190)
```
#f5efce
```
#f5efce rgb(245,239,206)
```
#f8f4de
```
#f8f4de rgb(248,244,222)
```
#fcfaef
```
#fcfaef rgb(252,250,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#66655e
```
#66655e rgb(102,101,94)
```
#6d6a57
```
#6d6a57 rgb(109,106,87)
```
#756f4f
```
#756f4f rgb(117,111,79)
```
#7c7448
```
#7c7448 rgb(124,116,72)
```
#847a40
```
#847a40 rgb(132,122,64)
```
#8b7f39
```
#8b7f39 rgb(139,127,57)
```
#938431
```
#938431 rgb(147,132,49)
```
#9a8a2a
```
#9a8a2a rgb(154,138,42)
```
#a28f22
```
#a28f22 rgb(162,143,34)
```
#aa941a
```
#aa941a rgb(170,148,26)
```
#b19a13
```
#b19a13 rgb(177,154,19)
```
#b99f0b
```
#b99f0b rgb(185,159,11)
```
#c0a404
```
#c0a404 rgb(192,164,4)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#8d8974 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6952d Protanopia 1% of men
#b88d31 Deuteranopia 1% of men
#af8b95 Tritanopia 0.001% of the population

Trichromacy

#a49229 Protanomaly 1% of men, 0.01% of women
#b08e2b Deuteranomaly 6% of men, 0.4% of women
#aa8c6b Tritanomaly 0.01% of the population

#a28f22 hex color

#a28f22 Color Information

#a28f22 Color Conversion

Color Schemes with #a28f22

Alternatives to #a28f22

#a28f22 Preview

Shades and Tints of #a28f22

Tones of #a28f22

Color Blindness Simulator