#a22f01 hex color

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

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

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

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

Hex triplet	a22f01	`#a22f01`
RGB Decimal	162, 47, 1	`rgb(162,47,1)`
RGB Percent	63.5, 18.4, 0.4	`rgb(63.5%,18.4%,0.4%)`
CMYK	0, 71, 99, 36
HSL	17.1°, 98.8, 32	`hsl(17.1,98.8%,32%)`
HSV (or HSB)	17.1°, 99.4, 63.5
Web Safe	993300	`#993300`

CIE-LAB	37.332, 45.753, 49.165
XYZ	15.923, 9.719, 1.066
xyY	0.596, 0.364, 9.719
CIE-LCH	37.332, 67.16, 47.059
CIE-LUV	37.332, 91.44, 30.133
Hunter-Lab	31.175, 36.618, 19.794
Binary	10100010, 00101111, 00000001

#a22f01
```
#a22f01 rgb(162,47,1)
```
#0174a2
```
#0174a2 rgb(1,116,162)
```

Complementary Color

#a20124
```
#a20124 rgb(162,1,36)
```
#a22f01
```
#a22f01 rgb(162,47,1)
```
#a28001
```
#a28001 rgb(162,128,1)
```

Analogous Color

#0123a2
```
#0123a2 rgb(1,35,162)
```
#a22f01
```
#a22f01 rgb(162,47,1)
```
#01a280
```
#01a280 rgb(1,162,128)
```

Split Complementary Color

#2f01a2
```
#2f01a2 rgb(47,1,162)
```
#a22f01
```
#a22f01 rgb(162,47,1)
```
#01a22f
```
#01a22f rgb(1,162,47)
```

Triadic Color

#a20174
```
#a20174 rgb(162,1,116)
```
#a22f01
```
#a22f01 rgb(162,47,1)
```
#01a22f
```
#01a22f rgb(1,162,47)
```
#0174a2
```
#0174a2 rgb(1,116,162)
```

Tetradic Color

#561901
```
#561901 rgb(86,25,1)
```
#6f2001
```
#6f2001 rgb(111,32,1)
```
#892801
```
#892801 rgb(137,40,1)
```
#a22f01
```
#a22f01 rgb(162,47,1)
```
#bb3601
```
#bb3601 rgb(187,54,1)
```
#d53e01
```
#d53e01 rgb(213,62,1)
```
#ee4501
```
#ee4501 rgb(238,69,1)
```

Monochromatic Color

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

#a20701
```
#a20701 rgb(162,7,1)
```
#a21401
```
#a21401 rgb(162,20,1)
```
#a22201
```
#a22201 rgb(162,34,1)
```
#a22f01
```
#a22f01 rgb(162,47,1)
```
#a23c01
```
#a23c01 rgb(162,60,1)
```
#a24a01
```
#a24a01 rgb(162,74,1)
```
#a25701
```
#a25701 rgb(162,87,1)
```

Similar Colors

Text with hexadecimal color #a22f01

This text has a font color of #a22f01.

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

#a22f01 background color

This paragraph has a background color of #a22f01.

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

#a22f01 border color

This element has a border color of #a22f01.

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

CSS codes

.text {color:#a22f01;}

.background {background-color:#a22f01;}

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

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

#060200
```
#060200 rgb(6,2,0)
```
#1a0700
```
#1a0700 rgb(26,7,0)
```
#2d0d00
```
#2d0d00 rgb(45,13,0)
```
#411300
```
#411300 rgb(65,19,0)
```
#541801
```
#541801 rgb(84,24,1)
```
#681e01
```
#681e01 rgb(104,30,1)
```
#7b2401
```
#7b2401 rgb(123,36,1)
```
#8f2901
```
#8f2901 rgb(143,41,1)
```
#a22f01
```
#a22f01 rgb(162,47,1)
```
#b53501
```
#b53501 rgb(181,53,1)
```
#c93a01
```
#c93a01 rgb(201,58,1)
```
#dc4001
```
#dc4001 rgb(220,64,1)
```
#f04601
```
#f04601 rgb(240,70,1)
```

Shade Color Variation

#fd4e08
```
#fd4e08 rgb(253,78,8)
```
#fe5c1b
```
#fe5c1b rgb(254,92,27)
```
#fe6a2f
```
#fe6a2f rgb(254,106,47)
```
#fe7842
```
#fe7842 rgb(254,120,66)
```
#fe8656
```
#fe8656 rgb(254,134,86)
```
#fe9469
```
#fe9469 rgb(254,148,105)
```
#fea27d
```
#fea27d rgb(254,162,125)
```
#feb090
```
#feb090 rgb(254,176,144)
```
#febea4
```
#febea4 rgb(254,190,164)
```
#ffcbb7
```
#ffcbb7 rgb(255,203,183)
```
#ffd9cb
```
#ffd9cb rgb(255,217,203)
```
#ffe7de
```
#ffe7de rgb(255,231,222)
```
#fff5f2
```
#fff5f2 rgb(255,245,242)
```

Tint Color Variation

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

#574f4c
```
#574f4c rgb(87,79,76)
```
#5d4d46
```
#5d4d46 rgb(93,77,70)
```
#634a40
```
#634a40 rgb(99,74,64)
```
#6a4739
```
#6a4739 rgb(106,71,57)
```
#704433
```
#704433 rgb(112,68,51)
```
#76422d
```
#76422d rgb(118,66,45)
```
#7c3f27
```
#7c3f27 rgb(124,63,39)
```
#833c20
```
#833c20 rgb(131,60,32)
```
#893a1a
```
#893a1a rgb(137,58,26)
```
#8f3714
```
#8f3714 rgb(143,55,20)
```
#95340e
```
#95340e rgb(149,52,14)
```
#9c3207
```
#9c3207 rgb(156,50,7)
```
#a22f01
```
#a22f01 rgb(162,47,1)
```

Tone Color Variation

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

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

Trichromacy

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

#a22f01 hex color

#a22f01 Color Information

#a22f01 Color Conversion

Color Schemes with #a22f01

Alternatives to #a22f01

#a22f01 Preview

Shades and Tints of #a22f01

Tones of #a22f01

Color Blindness Simulator