#a28236 hex color

In a RGB color space, hex #a28236 is composed of 63.5% red, 51% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.8% magenta, 66.7% yellow and 36.5% black. It has a hue angle of 42.2 degrees, a saturation of 50% and a lightness of 42.4%. #a28236 color hex could be obtained by blending #ffff6c with #450500. Closest websafe color is: #999933.

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

● #a28236 color description : Dark moderate orange.

The hexadecimal color #a28236 has RGB values of R:162, G:130, B:54 and CMYK values of C:0, M:0.2, Y:0.67, K:0.36. Its decimal value is 10650166.

Hex triplet	a28236	`#a28236`
RGB Decimal	162, 130, 54	`rgb(162,130,54)`
RGB Percent	63.5, 51, 21.2	`rgb(63.5%,51%,21.2%)`
CMYK	0, 20, 67, 36
HSL	42.2°, 50, 42.4	`hsl(42.2,50%,42.4%)`
HSV (or HSB)	42.2°, 66.7, 63.5
Web Safe	999933	`#999933`

CIE-LAB	56.002, 3.686, 44.537
XYZ	23.549, 23.914, 6.865
xyY	0.433, 0.44, 23.914
CIE-LCH	56.002, 44.69, 85.269
CIE-LUV	56.002, 26.195, 47.988
Hunter-Lab	48.902, 0.379, 25.908
Binary	10100010, 10000010, 00110110

#a28236
```
#a28236 rgb(162,130,54)
```
#3656a2
```
#3656a2 rgb(54,86,162)
```

Complementary Color

#a24c36
```
#a24c36 rgb(162,76,54)
```
#a28236
```
#a28236 rgb(162,130,54)
```
#8ca236
```
#8ca236 rgb(140,162,54)
```

Analogous Color

#4c36a2
```
#4c36a2 rgb(76,54,162)
```
#a28236
```
#a28236 rgb(162,130,54)
```
#368ca2
```
#368ca2 rgb(54,140,162)
```

Split Complementary Color

#8236a2
```
#8236a2 rgb(130,54,162)
```
#a28236
```
#a28236 rgb(162,130,54)
```
#36a282
```
#36a282 rgb(54,162,130)
```

Triadic Color

#a23656
```
#a23656 rgb(162,54,86)
```
#a28236
```
#a28236 rgb(162,130,54)
```
#36a282
```
#36a282 rgb(54,162,130)
```
#3656a2
```
#3656a2 rgb(54,86,162)
```

Tetradic Color

#695423
```
#695423 rgb(105,84,35)
```
#7c6329
```
#7c6329 rgb(124,99,41)
```
#8f7330
```
#8f7330 rgb(143,115,48)
```
#a28236
```
#a28236 rgb(162,130,54)
```
#b5913c
```
#b5913c rgb(181,145,60)
```
#c29e49
```
#c29e49 rgb(194,158,73)
```
#c9a85c
```
#c9a85c rgb(201,168,92)
```

Monochromatic Color

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

#a26736
```
#a26736 rgb(162,103,54)
```
#a27036
```
#a27036 rgb(162,112,54)
```
#a27936
```
#a27936 rgb(162,121,54)
```
#a28236
```
#a28236 rgb(162,130,54)
```
#a28b36
```
#a28b36 rgb(162,139,54)
```
#a29436
```
#a29436 rgb(162,148,54)
```
#a29d36
```
#a29d36 rgb(162,157,54)
```

Similar Colors

Text with hexadecimal color #a28236

This text has a font color of #a28236.

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

#a28236 background color

This paragraph has a background color of #a28236.

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

#a28236 border color

This element has a border color of #a28236.

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

CSS codes

.text {color:#a28236;}

.background {background-color:#a28236;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0f0c05
```
#0f0c05 rgb(15,12,5)
```
#1e180a
```
#1e180a rgb(30,24,10)
```
#2c240f
```
#2c240f rgb(44,36,15)
```
#3b2f14
```
#3b2f14 rgb(59,47,20)
```
#4a3b19
```
#4a3b19 rgb(74,59,25)
```
#58471d
```
#58471d rgb(88,71,29)
```
#675322
```
#675322 rgb(103,83,34)
```
#765f27
```
#765f27 rgb(118,95,39)
```
#856a2c
```
#856a2c rgb(133,106,44)
```
#937631
```
#937631 rgb(147,118,49)
```
#a28236
```
#a28236 rgb(162,130,54)
```
#b18e3b
```
#b18e3b rgb(177,142,59)
```

Shade Color Variation

#bf9a40
```
#bf9a40 rgb(191,154,64)
```
#c4a14f
```
#c4a14f rgb(196,161,79)
```
#c9a95d
```
#c9a95d rgb(201,169,93)
```
#ceb16c
```
#ceb16c rgb(206,177,108)
```
#d3b97b
```
#d3b97b rgb(211,185,123)
```
#d8c189
```
#d8c189 rgb(216,193,137)
```
#ddc898
```
#ddc898 rgb(221,200,152)
```
#e2d0a7
```
#e2d0a7 rgb(226,208,167)
```
#e7d8b6
```
#e7d8b6 rgb(231,216,182)
```
#ebe0c4
```
#ebe0c4 rgb(235,224,196)
```
#f0e8d3
```
#f0e8d3 rgb(240,232,211)
```
#f5efe2
```
#f5efe2 rgb(245,239,226)
```
#faf7f0
```
#faf7f0 rgb(250,247,240)
```

Tint Color Variation

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

#706e68
```
#706e68 rgb(112,110,104)
```
#787160
```
#787160 rgb(120,113,96)
```
#817457
```
#817457 rgb(129,116,87)
```
#89784f
```
#89784f rgb(137,120,79)
```
#917b47
```
#917b47 rgb(145,123,71)
```
#9a7f3e
```
#9a7f3e rgb(154,127,62)
```
#a28236
```
#a28236 rgb(162,130,54)
```
#aa852e
```
#aa852e rgb(170,133,46)
```
#b38925
```
#b38925 rgb(179,137,37)
```
#bb8c1d
```
#bb8c1d rgb(187,140,29)
```
#c39015
```
#c39015 rgb(195,144,21)
```
#cc930c
```
#cc930c rgb(204,147,12)
```
#d49604
```
#d49604 rgb(212,150,4)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#898374 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b8c41 Protanopia 1% of men
#ac8641 Deuteranopia 1% of men
#ad8089 Tritanopia 0.001% of the population

Trichromacy

#9d883d Protanomaly 1% of men, 0.01% of women
#a8843d Deuteranomaly 6% of men, 0.4% of women
#a9816b Tritanomaly 0.01% of the population

#a28236 hex color

#a28236 Color Information

#a28236 Color Conversion

Color Schemes with #a28236

Alternatives to #a28236

#a28236 Preview

Shades and Tints of #a28236

Tones of #a28236

Color Blindness Simulator