#a28223 hex color

In a RGB color space, hex #a28223 is composed of 63.5% red, 51% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.8% magenta, 78.4% yellow and 36.5% black. It has a hue angle of 44.9 degrees, a saturation of 64.5% and a lightness of 38.6%. #a28223 color hex could be obtained by blending #ffff46 with #450500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 64
- G 51
- B 14
RGB color chart
- C 0
- M 20
- Y 78
- K 36
CMYK color chart

● #a28223 color description : Dark orange [Brown tone].

The hexadecimal color #a28223 has RGB values of R:162, G:130, B:35 and CMYK values of C:0, M:0.2, Y:0.78, K:0.36. Its decimal value is 10650147.

Hex triplet	a28223	`#a28223`
RGB Decimal	162, 130, 35	`rgb(162,130,35)`
RGB Percent	63.5, 51, 13.7	`rgb(63.5%,51%,13.7%)`
CMYK	0, 20, 78, 36
HSL	44.9°, 64.5, 38.6	`hsl(44.9,64.5%,38.6%)`
HSV (or HSB)	44.9°, 78.4, 63.5
Web Safe	999933	`#999933`

CIE-LAB	55.856, 2.695, 52.477
XYZ	23.187, 23.769, 4.957
xyY	0.447, 0.458, 23.769
CIE-LCH	55.856, 52.546, 87.06
CIE-LUV	55.856, 27.015, 53.586
Hunter-Lab	48.754, -0.426, 28.1
Binary	10100010, 10000010, 00100011

#a28223
```
#a28223 rgb(162,130,35)
```
#2343a2
```
#2343a2 rgb(35,67,162)
```

Complementary Color

#a24323
```
#a24323 rgb(162,67,35)
```
#a28223
```
#a28223 rgb(162,130,35)
```
#83a223
```
#83a223 rgb(131,162,35)
```

Analogous Color

#4323a2
```
#4323a2 rgb(67,35,162)
```
#a28223
```
#a28223 rgb(162,130,35)
```
#2383a2
```
#2383a2 rgb(35,131,162)
```

Split Complementary Color

#8223a2
```
#8223a2 rgb(130,35,162)
```
#a28223
```
#a28223 rgb(162,130,35)
```
#23a282
```
#23a282 rgb(35,162,130)
```

Triadic Color

#a22343
```
#a22343 rgb(162,35,67)
```
#a28223
```
#a28223 rgb(162,130,35)
```
#23a282
```
#23a282 rgb(35,162,130)
```
#2343a2
```
#2343a2 rgb(35,67,162)
```

Tetradic Color

#635015
```
#635015 rgb(99,80,21)
```
#78601a
```
#78601a rgb(120,96,26)
```
#8d711e
```
#8d711e rgb(141,113,30)
```
#a28223
```
#a28223 rgb(162,130,35)
```
#b79328
```
#b79328 rgb(183,147,40)
```
#cca42c
```
#cca42c rgb(204,164,44)
```
#d5af3d
```
#d5af3d rgb(213,175,61)
```

Monochromatic Color

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

#a26223
```
#a26223 rgb(162,98,35)
```
#a26d23
```
#a26d23 rgb(162,109,35)
```
#a27723
```
#a27723 rgb(162,119,35)
```
#a28223
```
#a28223 rgb(162,130,35)
```
#a28d23
```
#a28d23 rgb(162,141,35)
```
#a29723
```
#a29723 rgb(162,151,35)
```
#a2a223
```
#a2a223 rgb(162,162,35)
```

Similar Colors

Text with hexadecimal color #a28223

This text has a font color of #a28223.

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

#a28223 background color

This paragraph has a background color of #a28223.

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

#a28223 border color

This element has a border color of #a28223.

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

CSS codes

.text {color:#a28223;}

.background {background-color:#a28223;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#110e04
```
#110e04 rgb(17,14,4)
```
#211a07
```
#211a07 rgb(33,26,7)
```
#31270b
```
#31270b rgb(49,39,11)
```
#41340e
```
#41340e rgb(65,52,14)
```
#514112
```
#514112 rgb(81,65,18)
```
#614e15
```
#614e15 rgb(97,78,21)
```
#725b19
```
#725b19 rgb(114,91,25)
```
#82681c
```
#82681c rgb(130,104,28)
```
#927520
```
#927520 rgb(146,117,32)
```
#a28223
```
#a28223 rgb(162,130,35)
```
#b28f26
```
#b28f26 rgb(178,143,38)
```
#c29c2a
```
#c29c2a rgb(194,156,42)
```

Shade Color Variation

#d2a92e
```
#d2a92e rgb(210,169,46)
```
#d5af3e
```
#d5af3e rgb(213,175,62)
```
#d9b64e
```
#d9b64e rgb(217,182,78)
```
#dcbd5e
```
#dcbd5e rgb(220,189,94)
```
#e0c36f
```
#e0c36f rgb(224,195,111)
```
#e3ca7f
```
#e3ca7f rgb(227,202,127)
```
#e7d18f
```
#e7d18f rgb(231,209,143)
```
#ead79f
```
#ead79f rgb(234,215,159)
```
#eedeaf
```
#eedeaf rgb(238,222,175)
```
#f1e5bf
```
#f1e5bf rgb(241,229,191)
```
#f5ebcf
```
#f5ebcf rgb(245,235,207)
```
#f8f2df
```
#f8f2df rgb(248,242,223)
```
#fcf9f0
```
#fcf9f0 rgb(252,249,240)
```

Tint Color Variation

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

#656460
```
#656460 rgb(101,100,96)
```
#6d6858
```
#6d6858 rgb(109,104,88)
```
#756b50
```
#756b50 rgb(117,107,80)
```
#7c6f49
```
#7c6f49 rgb(124,111,73)
```
#847341
```
#847341 rgb(132,115,65)
```
#8b773a
```
#8b773a rgb(139,119,58)
```
#937a32
```
#937a32 rgb(147,122,50)
```
#9a7e2b
```
#9a7e2b rgb(154,126,43)
```
#a28223
```
#a28223 rgb(162,130,35)
```
#aa861b
```
#aa861b rgb(170,134,27)
```
#b18a14
```
#b18a14 rgb(177,138,20)
```
#b98d0c
```
#b98d0c rgb(185,141,12)
```
#c09105
```
#c09105 rgb(192,145,5)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#88816e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c8c2f Protanopia 1% of men
#ad852f Deuteranopia 1% of men
#ad8088 Tritanopia 0.001% of the population

Trichromacy

#9e882a Protanomaly 1% of men, 0.01% of women
#a9842b Deuteranomaly 6% of men, 0.4% of women
#a98063 Tritanomaly 0.01% of the population

#a28223 hex color

#a28223 Color Information

#a28223 Color Conversion

Color Schemes with #a28223

Alternatives to #a28223

#a28223 Preview

Shades and Tints of #a28223

Tones of #a28223

Color Blindness Simulator