#a22d00 hex color

In a RGB color space, hex #a22d00 is composed of 63.5% red, 17.6% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.2% magenta, 100% yellow and 36.5% black. It has a hue angle of 16.7 degrees, a saturation of 100% and a lightness of 31.8%. #a22d00 color hex could be obtained by blending #ff5a00 with #450000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 64
- G 18
- B 0
RGB color chart
- C 0
- M 72
- Y 100
- K 36
CMYK color chart

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

The hexadecimal color #a22d00 has RGB values of R:162, G:45, B:0 and CMYK values of C:0, M:0.72, Y:1, K:0.36. Its decimal value is 10628352.

Hex triplet	a22d00	`#a22d00`
RGB Decimal	162, 45, 0	`rgb(162,45,0)`
RGB Percent	63.5, 17.6, 0	`rgb(63.5%,17.6%,0%)`
CMYK	0, 72, 100, 36
HSL	16.7°, 100, 31.8	`hsl(16.7,100%,31.8%)`
HSV (or HSB)	16.7°, 100, 63.5
Web Safe	993300	`#993300`

CIE-LAB	37.041, 46.526, 49.41
XYZ	15.839, 9.56, 1.011
xyY	0.6, 0.362, 9.56
CIE-LCH	37.041, 67.867, 46.722
CIE-LUV	37.041, 92.742, 29.798
Hunter-Lab	30.919, 37.334, 19.704
Binary	10100010, 00101101, 00000000

#a22d00
```
#a22d00 rgb(162,45,0)
```
#0075a2
```
#0075a2 rgb(0,117,162)
```

Complementary Color

#a20024
```
#a20024 rgb(162,0,36)
```
#a22d00
```
#a22d00 rgb(162,45,0)
```
#a27e00
```
#a27e00 rgb(162,126,0)
```

Analogous Color

#0024a2
```
#0024a2 rgb(0,36,162)
```
#a22d00
```
#a22d00 rgb(162,45,0)
```
#00a27e
```
#00a27e rgb(0,162,126)
```

Split Complementary Color

#2d00a2
```
#2d00a2 rgb(45,0,162)
```
#a22d00
```
#a22d00 rgb(162,45,0)
```
#00a22d
```
#00a22d rgb(0,162,45)
```

Triadic Color

#a20075
```
#a20075 rgb(162,0,117)
```
#a22d00
```
#a22d00 rgb(162,45,0)
```
#00a22d
```
#00a22d rgb(0,162,45)
```
#0075a2
```
#0075a2 rgb(0,117,162)
```

Tetradic Color

#561800
```
#561800 rgb(86,24,0)
```
#6f1f00
```
#6f1f00 rgb(111,31,0)
```
#892600
```
#892600 rgb(137,38,0)
```
#a22d00
```
#a22d00 rgb(162,45,0)
```
#bc3400
```
#bc3400 rgb(188,52,0)
```
#d53b00
```
#d53b00 rgb(213,59,0)
```
#ef4200
```
#ef4200 rgb(239,66,0)
```

Monochromatic Color

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

#a20500
```
#a20500 rgb(162,5,0)
```
#a21200
```
#a21200 rgb(162,18,0)
```
#a22000
```
#a22000 rgb(162,32,0)
```
#a22d00
```
#a22d00 rgb(162,45,0)
```
#a23b00
```
#a23b00 rgb(162,59,0)
```
#a24800
```
#a24800 rgb(162,72,0)
```
#a25600
```
#a25600 rgb(162,86,0)
```

Similar Colors

Text with hexadecimal color #a22d00

This text has a font color of #a22d00.

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

#a22d00 background color

This paragraph has a background color of #a22d00.

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

#a22d00 border color

This element has a border color of #a22d00.

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

CSS codes

.text {color:#a22d00;}

.background {background-color:#a22d00;}

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

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

#050100
```
#050100 rgb(5,1,0)
```
#190700
```
#190700 rgb(25,7,0)
```
#2c0c00
```
#2c0c00 rgb(44,12,0)
```
#401200
```
#401200 rgb(64,18,0)
```
#541700
```
#541700 rgb(84,23,0)
```
#671d00
```
#671d00 rgb(103,29,0)
```
#7b2200
```
#7b2200 rgb(123,34,0)
```
#8e2800
```
#8e2800 rgb(142,40,0)
```
#a22d00
```
#a22d00 rgb(162,45,0)
```
#b63200
```
#b63200 rgb(182,50,0)
```
#c93800
```
#c93800 rgb(201,56,0)
```
#dd3d00
```
#dd3d00 rgb(221,61,0)
```
#f04300
```
#f04300 rgb(240,67,0)
```

Shade Color Variation

#ff4b05
```
#ff4b05 rgb(255,75,5)
```
#ff5919
```
#ff5919 rgb(255,89,25)
```
#ff672c
```
#ff672c rgb(255,103,44)
```
#ff7540
```
#ff7540 rgb(255,117,64)
```
#ff8354
```
#ff8354 rgb(255,131,84)
```
#ff9167
```
#ff9167 rgb(255,145,103)
```
#ffa07b
```
#ffa07b rgb(255,160,123)
```
#ffae8e
```
#ffae8e rgb(255,174,142)
```
#ffbca2
```
#ffbca2 rgb(255,188,162)
```
#ffcab6
```
#ffcab6 rgb(255,202,182)
```
#ffd8c9
```
#ffd8c9 rgb(255,216,201)
```
#ffe6dd
```
#ffe6dd rgb(255,230,221)
```
#fff5f0
```
#fff5f0 rgb(255,245,240)
```

Tint Color Variation

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

#574e4b
```
#574e4b rgb(87,78,75)
```
#5d4b45
```
#5d4b45 rgb(93,75,69)
```
#64493e
```
#64493e rgb(100,73,62)
```
#6a4638
```
#6a4638 rgb(106,70,56)
```
#704332
```
#704332 rgb(112,67,50)
```
#76402c
```
#76402c rgb(118,64,44)
```
#7d3e25
```
#7d3e25 rgb(125,62,37)
```
#833b1f
```
#833b1f rgb(131,59,31)
```
#893819
```
#893819 rgb(137,56,25)
```
#8f3513
```
#8f3513 rgb(143,53,19)
```
#96330c
```
#96330c rgb(150,51,12)
```
#9c3006
```
#9c3006 rgb(156,48,6)
```
#a22d00
```
#a22d00 rgb(162,45,0)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#5c453c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6014 Protanopia 1% of men
#775b00 Deuteranopia 1% of men
#a73436 Tritanopia 0.001% of the population

Trichromacy

#7f4d0c Protanomaly 1% of men, 0.01% of women
#874a00 Deuteranomaly 6% of men, 0.4% of women
#a53122 Tritanomaly 0.01% of the population

#a22d00 hex color

#a22d00 Color Information

#a22d00 Color Conversion

Color Schemes with #a22d00

Alternatives to #a22d00

#a22d00 Preview

Shades and Tints of #a22d00

Tones of #a22d00

Color Blindness Simulator