#a25022 hex color

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

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

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

The hexadecimal color #a25022 has RGB values of R:162, G:80, B:34 and CMYK values of C:0, M:0.51, Y:0.79, K:0.36. Its decimal value is 10637346.

Hex triplet	a25022	`#a25022`
RGB Decimal	162, 80, 34	`rgb(162,80,34)`
RGB Percent	63.5, 31.4, 13.3	`rgb(63.5%,31.4%,13.3%)`
CMYK	0, 51, 79, 36
HSL	21.6°, 65.3, 38.4	`hsl(21.6,65.3%,38.4%)`
HSV (or HSB)	21.6°, 79, 63.5
Web Safe	996633	`#996633`

CIE-LAB	43.56, 30.718, 41.13
XYZ	18.058, 13.536, 3.175
xyY	0.519, 0.389, 13.536
CIE-LCH	43.56, 51.335, 53.246
CIE-LUV	43.56, 65.333, 33.921
Hunter-Lab	36.791, 23.229, 20.637
Binary	10100010, 01010000, 00100010

#a25022
```
#a25022 rgb(162,80,34)
```
#2274a2
```
#2274a2 rgb(34,116,162)
```

Complementary Color

#a22234
```
#a22234 rgb(162,34,52)
```
#a25022
```
#a25022 rgb(162,80,34)
```
#a29022
```
#a29022 rgb(162,144,34)
```

Analogous Color

#2234a2
```
#2234a2 rgb(34,52,162)
```
#a25022
```
#a25022 rgb(162,80,34)
```
#22a290
```
#22a290 rgb(34,162,144)
```

Split Complementary Color

#5022a2
```
#5022a2 rgb(80,34,162)
```
#a25022
```
#a25022 rgb(162,80,34)
```
#22a250
```
#22a250 rgb(34,162,80)
```

Triadic Color

#a22274
```
#a22274 rgb(162,34,116)
```
#a25022
```
#a25022 rgb(162,80,34)
```
#22a250
```
#22a250 rgb(34,162,80)
```
#2274a2
```
#2274a2 rgb(34,116,162)
```

Tetradic Color

#633115
```
#633115 rgb(99,49,21)
```
#783b19
```
#783b19 rgb(120,59,25)
```
#8d461e
```
#8d461e rgb(141,70,30)
```
#a25022
```
#a25022 rgb(162,80,34)
```
#b75a26
```
#b75a26 rgb(183,90,38)
```
#cc652b
```
#cc652b rgb(204,101,43)
```
#d6723b
```
#d6723b rgb(214,114,59)
```

Monochromatic Color

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

#a23022
```
#a23022 rgb(162,48,34)
```
#a23b22
```
#a23b22 rgb(162,59,34)
```
#a24522
```
#a24522 rgb(162,69,34)
```
#a25022
```
#a25022 rgb(162,80,34)
```
#a25b22
```
#a25b22 rgb(162,91,34)
```
#a26522
```
#a26522 rgb(162,101,34)
```
#a27022
```
#a27022 rgb(162,112,34)
```

Similar Colors

Text with hexadecimal color #a25022

This text has a font color of #a25022.

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

#a25022 background color

This paragraph has a background color of #a25022.

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

#a25022 border color

This element has a border color of #a25022.

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

CSS codes

.text {color:#a25022;}

.background {background-color:#a25022;}

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

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

#100803
```
#100803 rgb(16,8,3)
```
#201007
```
#201007 rgb(32,16,7)
```
#31180a
```
#31180a rgb(49,24,10)
```
#41200e
```
#41200e rgb(65,32,14)
```
#512811
```
#512811 rgb(81,40,17)
```
#613014
```
#613014 rgb(97,48,20)
```
#713818
```
#713818 rgb(113,56,24)
```
#82401b
```
#82401b rgb(130,64,27)
```
#92481f
```
#92481f rgb(146,72,31)
```
#a25022
```
#a25022 rgb(162,80,34)
```
#b25825
```
#b25825 rgb(178,88,37)
```
#c26029
```
#c26029 rgb(194,96,41)
```
#d3682c
```
#d3682c rgb(211,104,44)
```

Shade Color Variation

#d6743c
```
#d6743c rgb(214,116,60)
```
#da7f4d
```
#da7f4d rgb(218,127,77)
```
#dd8b5d
```
#dd8b5d rgb(221,139,93)
```
#e0966d
```
#e0966d rgb(224,150,109)
```
#e4a27d
```
#e4a27d rgb(228,162,125)
```
#e7ae8d
```
#e7ae8d rgb(231,174,141)
```
#ebb99e
```
#ebb99e rgb(235,185,158)
```
#eec5ae
```
#eec5ae rgb(238,197,174)
```
#f1d0be
```
#f1d0be rgb(241,208,190)
```
#f5dcce
```
#f5dcce rgb(245,220,206)
```
#f8e8de
```
#f8e8de rgb(248,232,222)
```
#fcf3ef
```
#fcf3ef rgb(252,243,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#66615e
```
#66615e rgb(102,97,94)
```
#6d5f57
```
#6d5f57 rgb(109,95,87)
```
#755d4f
```
#755d4f rgb(117,93,79)
```
#7c5b48
```
#7c5b48 rgb(124,91,72)
```
#845840
```
#845840 rgb(132,88,64)
```
#8b5639
```
#8b5639 rgb(139,86,57)
```
#935431
```
#935431 rgb(147,84,49)
```
#9a522a
```
#9a522a rgb(154,82,42)
```
#a25022
```
#a25022 rgb(162,80,34)
```
#aa4e1a
```
#aa4e1a rgb(170,78,26)
```
#b14c13
```
#b14c13 rgb(177,76,19)
```
#b94a0b
```
#b94a0b rgb(185,74,11)
```
#c04804
```
#c04804 rgb(192,72,4)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#705f56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6e33 Protanopia 1% of men
#896927 Deuteranopia 1% of men
#a95459 Tritanopia 0.001% of the population

Trichromacy

#88632d Protanomaly 1% of men, 0.01% of women
#926025 Deuteranomaly 6% of men, 0.4% of women
#a65245 Tritanomaly 0.01% of the population

#a25022 hex color

#a25022 Color Information

#a25022 Color Conversion

Color Schemes with #a25022

Alternatives to #a25022

#a25022 Preview

Shades and Tints of #a25022

Tones of #a25022

Color Blindness Simulator