#a26222 hex color

In a RGB color space, hex #a26222 is composed of 63.5% red, 38.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.5% magenta, 79% yellow and 36.5% black. It has a hue angle of 30 degrees, a saturation of 65.3% and a lightness of 38.4%. #a26222 color hex could be obtained by blending #ffc444 with #450000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a26222 has RGB values of R:162, G:98, B:34 and CMYK values of C:0, M:0.4, Y:0.79, K:0.36. Its decimal value is 10641954.

Hex triplet	a26222	`#a26222`
RGB Decimal	162, 98, 34	`rgb(162,98,34)`
RGB Percent	63.5, 38.4, 13.3	`rgb(63.5%,38.4%,13.3%)`
CMYK	0, 40, 79, 36
HSL	30°, 65.3, 38.4	`hsl(30,65.3%,38.4%)`
HSV (or HSB)	30°, 79, 63.5
Web Safe	996633	`#996633`

CIE-LAB	47.667, 20.757, 45.139
XYZ	19.557, 16.534, 3.675
xyY	0.492, 0.416, 16.534
CIE-LCH	47.667, 49.683, 65.304
CIE-LUV	47.667, 51.412, 40.774
Hunter-Lab	40.662, 14.696, 23.105
Binary	10100010, 01100010, 00100010

#a26222
```
#a26222 rgb(162,98,34)
```
#2262a2
```
#2262a2 rgb(34,98,162)
```

Complementary Color

#a22222
```
#a22222 rgb(162,34,34)
```
#a26222
```
#a26222 rgb(162,98,34)
```
#a2a222
```
#a2a222 rgb(162,162,34)
```

Analogous Color

#2222a2
```
#2222a2 rgb(34,34,162)
```
#a26222
```
#a26222 rgb(162,98,34)
```
#22a2a2
```
#22a2a2 rgb(34,162,162)
```

Split Complementary Color

#6222a2
```
#6222a2 rgb(98,34,162)
```
#a26222
```
#a26222 rgb(162,98,34)
```
#22a262
```
#22a262 rgb(34,162,98)
```

Triadic Color

#a22262
```
#a22262 rgb(162,34,98)
```
#a26222
```
#a26222 rgb(162,98,34)
```
#22a262
```
#22a262 rgb(34,162,98)
```
#2262a2
```
#2262a2 rgb(34,98,162)
```

Tetradic Color

#633c15
```
#633c15 rgb(99,60,21)
```
#784919
```
#784919 rgb(120,73,25)
```
#8d551e
```
#8d551e rgb(141,85,30)
```
#a26222
```
#a26222 rgb(162,98,34)
```
#b76f26
```
#b76f26 rgb(183,111,38)
```
#cc7c2b
```
#cc7c2b rgb(204,124,43)
```
#d6883b
```
#d6883b rgb(214,136,59)
```

Monochromatic Color

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

#a24222
```
#a24222 rgb(162,66,34)
```
#a24d22
```
#a24d22 rgb(162,77,34)
```
#a25722
```
#a25722 rgb(162,87,34)
```
#a26222
```
#a26222 rgb(162,98,34)
```
#a26d22
```
#a26d22 rgb(162,109,34)
```
#a27722
```
#a27722 rgb(162,119,34)
```
#a28222
```
#a28222 rgb(162,130,34)
```

Similar Colors

Text with hexadecimal color #a26222

This text has a font color of #a26222.

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

#a26222 background color

This paragraph has a background color of #a26222.

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

#a26222 border color

This element has a border color of #a26222.

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

CSS codes

.text {color:#a26222;}

.background {background-color:#a26222;}

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

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

#100a03
```
#100a03 rgb(16,10,3)
```
#201407
```
#201407 rgb(32,20,7)
```
#311d0a
```
#311d0a rgb(49,29,10)
```
#41270e
```
#41270e rgb(65,39,14)
```
#513111
```
#513111 rgb(81,49,17)
```
#613b14
```
#613b14 rgb(97,59,20)
```
#714518
```
#714518 rgb(113,69,24)
```
#824e1b
```
#824e1b rgb(130,78,27)
```
#92581f
```
#92581f rgb(146,88,31)
```
#a26222
```
#a26222 rgb(162,98,34)
```
#b26c25
```
#b26c25 rgb(178,108,37)
```
#c27629
```
#c27629 rgb(194,118,41)
```
#d37f2c
```
#d37f2c rgb(211,127,44)
```

Shade Color Variation

#d6893c
```
#d6893c rgb(214,137,60)
```
#da934d
```
#da934d rgb(218,147,77)
```
#dd9d5d
```
#dd9d5d rgb(221,157,93)
```
#e0a76d
```
#e0a76d rgb(224,167,109)
```
#e4b07d
```
#e4b07d rgb(228,176,125)
```
#e7ba8d
```
#e7ba8d rgb(231,186,141)
```
#ebc49e
```
#ebc49e rgb(235,196,158)
```
#eeceae
```
#eeceae rgb(238,206,174)
```
#f1d8be
```
#f1d8be rgb(241,216,190)
```
#f5e2ce
```
#f5e2ce rgb(245,226,206)
```
#f8ebde
```
#f8ebde rgb(248,235,222)
```
#fcf5ef
```
#fcf5ef rgb(252,245,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#66625e
```
#66625e rgb(102,98,94)
```
#6d6257
```
#6d6257 rgb(109,98,87)
```
#75624f
```
#75624f rgb(117,98,79)
```
#7c6248
```
#7c6248 rgb(124,98,72)
```
#846240
```
#846240 rgb(132,98,64)
```
#8b6239
```
#8b6239 rgb(139,98,57)
```
#936231
```
#936231 rgb(147,98,49)
```
#9a622a
```
#9a622a rgb(154,98,42)
```
#a26222
```
#a26222 rgb(162,98,34)
```
#aa621a
```
#aa621a rgb(170,98,26)
```
#b16213
```
#b16213 rgb(177,98,19)
```
#b9620b
```
#b9620b rgb(185,98,11)
```
#c06204
```
#c06204 rgb(192,98,4)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#786c5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#857831 Protanopia 1% of men
#95722a Deuteranopia 1% of men
#aa636a Tritanopia 0.001% of the population

Trichromacy

#90702b Protanomaly 1% of men, 0.01% of women
#996c27 Deuteranomaly 6% of men, 0.4% of women
#a76350 Tritanomaly 0.01% of the population

#a26222 hex color

#a26222 Color Information

#a26222 Color Conversion

Color Schemes with #a26222

Alternatives to #a26222

#a26222 Preview

Shades and Tints of #a26222

Tones of #a26222

Color Blindness Simulator