#a22f00 hex color

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

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

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

The hexadecimal color #a22f00 has RGB values of R:162, G:47, B:0 and CMYK values of C:0, M:0.71, Y:1, K:0.36. Its decimal value is 10628864.

Hex triplet	a22f00	`#a22f00`
RGB Decimal	162, 47, 0	`rgb(162,47,0)`
RGB Percent	63.5, 18.4, 0	`rgb(63.5%,18.4%,0%)`
CMYK	0, 71, 100, 36
HSL	17.4°, 100, 31.8	`hsl(17.4,100%,31.8%)`
HSV (or HSB)	17.4°, 100, 63.5
Web Safe	993300	`#993300`

CIE-LAB	37.328, 45.739, 49.547
XYZ	15.918, 9.716, 1.037
xyY	0.597, 0.364, 9.716
CIE-LCH	37.328, 67.431, 47.289
CIE-LUV	37.328, 91.507, 30.267
Hunter-Lab	31.171, 36.603, 19.847
Binary	10100010, 00101111, 00000000

#a22f00
```
#a22f00 rgb(162,47,0)
```
#0073a2
```
#0073a2 rgb(0,115,162)
```

Complementary Color

#a20022
```
#a20022 rgb(162,0,34)
```
#a22f00
```
#a22f00 rgb(162,47,0)
```
#a28000
```
#a28000 rgb(162,128,0)
```

Analogous Color

#0022a2
```
#0022a2 rgb(0,34,162)
```
#a22f00
```
#a22f00 rgb(162,47,0)
```
#00a280
```
#00a280 rgb(0,162,128)
```

Split Complementary Color

#2f00a2
```
#2f00a2 rgb(47,0,162)
```
#a22f00
```
#a22f00 rgb(162,47,0)
```
#00a22f
```
#00a22f rgb(0,162,47)
```

Triadic Color

#a20073
```
#a20073 rgb(162,0,115)
```
#a22f00
```
#a22f00 rgb(162,47,0)
```
#00a22f
```
#00a22f rgb(0,162,47)
```
#0073a2
```
#0073a2 rgb(0,115,162)
```

Tetradic Color

#561900
```
#561900 rgb(86,25,0)
```
#6f2000
```
#6f2000 rgb(111,32,0)
```
#892800
```
#892800 rgb(137,40,0)
```
#a22f00
```
#a22f00 rgb(162,47,0)
```
#bc3600
```
#bc3600 rgb(188,54,0)
```
#d53e00
```
#d53e00 rgb(213,62,0)
```
#ef4500
```
#ef4500 rgb(239,69,0)
```

Monochromatic Color

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

#a20700
```
#a20700 rgb(162,7,0)
```
#a21400
```
#a21400 rgb(162,20,0)
```
#a22200
```
#a22200 rgb(162,34,0)
```
#a22f00
```
#a22f00 rgb(162,47,0)
```
#a23d00
```
#a23d00 rgb(162,61,0)
```
#a24a00
```
#a24a00 rgb(162,74,0)
```
#a25800
```
#a25800 rgb(162,88,0)
```

Similar Colors

Text with hexadecimal color #a22f00

This text has a font color of #a22f00.

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

#a22f00 background color

This paragraph has a background color of #a22f00.

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

#a22f00 border color

This element has a border color of #a22f00.

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

CSS codes

.text {color:#a22f00;}

.background {background-color:#a22f00;}

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

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)
```
#2c0d00
```
#2c0d00 rgb(44,13,0)
```
#401300
```
#401300 rgb(64,19,0)
```
#541800
```
#541800 rgb(84,24,0)
```
#671e00
```
#671e00 rgb(103,30,0)
```
#7b2400
```
#7b2400 rgb(123,36,0)
```
#8e2900
```
#8e2900 rgb(142,41,0)
```
#a22f00
```
#a22f00 rgb(162,47,0)
```
#b63500
```
#b63500 rgb(182,53,0)
```
#c93a00
```
#c93a00 rgb(201,58,0)
```
#dd4000
```
#dd4000 rgb(221,64,0)
```
#f04600
```
#f04600 rgb(240,70,0)
```

Shade Color Variation

#ff4e05
```
#ff4e05 rgb(255,78,5)
```
#ff5c19
```
#ff5c19 rgb(255,92,25)
```
#ff692c
```
#ff692c rgb(255,105,44)
```
#ff7740
```
#ff7740 rgb(255,119,64)
```
#ff8554
```
#ff8554 rgb(255,133,84)
```
#ff9367
```
#ff9367 rgb(255,147,103)
```
#ffa17b
```
#ffa17b rgb(255,161,123)
```
#ffaf8e
```
#ffaf8e rgb(255,175,142)
```
#ffbda2
```
#ffbda2 rgb(255,189,162)
```
#ffcbb6
```
#ffcbb6 rgb(255,203,182)
```
#ffd9c9
```
#ffd9c9 rgb(255,217,201)
```
#ffe7dd
```
#ffe7dd rgb(255,231,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 #a22f00 is the most saturated one.

#574e4b
```
#574e4b rgb(87,78,75)
```
#5d4c45
```
#5d4c45 rgb(93,76,69)
```
#64493e
```
#64493e rgb(100,73,62)
```
#6a4738
```
#6a4738 rgb(106,71,56)
```
#704432
```
#704432 rgb(112,68,50)
```
#76412c
```
#76412c rgb(118,65,44)
```
#7d3f25
```
#7d3f25 rgb(125,63,37)
```
#833c1f
```
#833c1f rgb(131,60,31)
```
#893919
```
#893919 rgb(137,57,25)
```
#8f3713
```
#8f3713 rgb(143,55,19)
```
#96340c
```
#96340c rgb(150,52,12)
```
#9c3206
```
#9c3206 rgb(156,50,6)
```
#a22f00
```
#a22f00 rgb(162,47,0)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#5d463d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6013 Protanopia 1% of men
#785c00 Deuteranopia 1% of men
#a73638 Tritanopia 0.001% of the population

Trichromacy

#7f4e0c Protanomaly 1% of men, 0.01% of women
#874b00 Deuteranomaly 6% of men, 0.4% of women
#a53323 Tritanomaly 0.01% of the population

#a22f00 hex color

#a22f00 Color Information

#a22f00 Color Conversion

Color Schemes with #a22f00

Alternatives to #a22f00

#a22f00 Preview

Shades and Tints of #a22f00

Tones of #a22f00

Color Blindness Simulator