#a2501f hex color

In a RGB color space, hex #a2501f is composed of 63.5% red, 31.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.6% magenta, 80.9% yellow and 36.5% black. It has a hue angle of 22.4 degrees, a saturation of 67.9% and a lightness of 37.8%. #a2501f color hex could be obtained by blending #ffa03e with #450000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a2501f has RGB values of R:162, G:80, B:31 and CMYK values of C:0, M:0.51, Y:0.81, K:0.36. Its decimal value is 10637343.

Hex triplet	a2501f	`#a2501f`
RGB Decimal	162, 80, 31	`rgb(162,80,31)`
RGB Percent	63.5, 31.4, 12.2	`rgb(63.5%,31.4%,12.2%)`
CMYK	0, 51, 81, 36
HSL	22.4°, 67.9, 37.8	`hsl(22.4,67.9%,37.8%)`
HSV (or HSB)	22.4°, 80.9, 63.5
Web Safe	996633	`#996633`

CIE-LAB	43.536, 30.603, 42.531
XYZ	18.017, 13.519, 2.957
xyY	0.522, 0.392, 13.519
CIE-LCH	43.536, 52.397, 54.263
CIE-LUV	43.536, 65.617, 34.763
Hunter-Lab	36.769, 23.121, 20.97
Binary	10100010, 01010000, 00011111

#a2501f
```
#a2501f rgb(162,80,31)
```
#1f71a2
```
#1f71a2 rgb(31,113,162)
```

Complementary Color

#a21f30
```
#a21f30 rgb(162,31,48)
```
#a2501f
```
#a2501f rgb(162,80,31)
```
#a2921f
```
#a2921f rgb(162,146,31)
```

Analogous Color

#1f30a2
```
#1f30a2 rgb(31,48,162)
```
#a2501f
```
#a2501f rgb(162,80,31)
```
#1fa292
```
#1fa292 rgb(31,162,146)
```

Split Complementary Color

#501fa2
```
#501fa2 rgb(80,31,162)
```
#a2501f
```
#a2501f rgb(162,80,31)
```
#1fa250
```
#1fa250 rgb(31,162,80)
```

Triadic Color

#a21f71
```
#a21f71 rgb(162,31,113)
```
#a2501f
```
#a2501f rgb(162,80,31)
```
#1fa250
```
#1fa250 rgb(31,162,80)
```
#1f71a2
```
#1f71a2 rgb(31,113,162)
```

Tetradic Color

#623013
```
#623013 rgb(98,48,19)
```
#773b17
```
#773b17 rgb(119,59,23)
```
#8d451b
```
#8d451b rgb(141,69,27)
```
#a2501f
```
#a2501f rgb(162,80,31)
```
#b75b23
```
#b75b23 rgb(183,91,35)
```
#cd6527
```
#cd6527 rgb(205,101,39)
```
#d87235
```
#d87235 rgb(216,114,53)
```

Monochromatic Color

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

#a22f1f
```
#a22f1f rgb(162,47,31)
```
#a23a1f
```
#a23a1f rgb(162,58,31)
```
#a2451f
```
#a2451f rgb(162,69,31)
```
#a2501f
```
#a2501f rgb(162,80,31)
```
#a25b1f
```
#a25b1f rgb(162,91,31)
```
#a2661f
```
#a2661f rgb(162,102,31)
```
#a2711f
```
#a2711f rgb(162,113,31)
```

Similar Colors

Text with hexadecimal color #a2501f

This text has a font color of #a2501f.

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

#a2501f background color

This paragraph has a background color of #a2501f.

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

#a2501f border color

This element has a border color of #a2501f.

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

CSS codes

.text {color:#a2501f;}

.background {background-color:#a2501f;}

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

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, #0e0703 is the darkest color, while #fefdfc is the lightest one.

#0e0703
```
#0e0703 rgb(14,7,3)
```
#1e0f06
```
#1e0f06 rgb(30,15,6)
```
#2f1709
```
#2f1709 rgb(47,23,9)
```
#3f1f0c
```
#3f1f0c rgb(63,31,12)
```
#50270f
```
#50270f rgb(80,39,15)
```
#602f12
```
#602f12 rgb(96,47,18)
```
#713816
```
#713816 rgb(113,56,22)
```
#814019
```
#814019 rgb(129,64,25)
```
#92481c
```
#92481c rgb(146,72,28)
```
#a2501f
```
#a2501f rgb(162,80,31)
```
#b25822
```
#b25822 rgb(178,88,34)
```
#c36025
```
#c36025 rgb(195,96,37)
```
#d36828
```
#d36828 rgb(211,104,40)
```

Shade Color Variation

#d97337
```
#d97337 rgb(217,115,55)
```
#dc7f47
```
#dc7f47 rgb(220,127,71)
```
#df8a58
```
#df8a58 rgb(223,138,88)
```
#e29668
```
#e29668 rgb(226,150,104)
```
#e5a179
```
#e5a179 rgb(229,161,121)
```
#e8ad89
```
#e8ad89 rgb(232,173,137)
```
#ecb89a
```
#ecb89a rgb(236,184,154)
```
#efc4aa
```
#efc4aa rgb(239,196,170)
```
#f2cfba
```
#f2cfba rgb(242,207,186)
```
#f5dbcb
```
#f5dbcb rgb(245,219,203)
```
#f8e6db
```
#f8e6db rgb(248,230,219)
```
#fbf2ec
```
#fbf2ec rgb(251,242,236)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#675f5a
```
#675f5a rgb(103,95,90)
```
#6e5d53
```
#6e5d53 rgb(110,93,83)
```
#755b4c
```
#755b4c rgb(117,91,76)
```
#7d5944
```
#7d5944 rgb(125,89,68)
```
#84573d
```
#84573d rgb(132,87,61)
```
#8c5635
```
#8c5635 rgb(140,86,53)
```
#93542e
```
#93542e rgb(147,84,46)
```
#9b5226
```
#9b5226 rgb(155,82,38)
```
#a2501f
```
#a2501f rgb(162,80,31)
```
#a94e18
```
#a94e18 rgb(169,78,24)
```
#b14c10
```
#b14c10 rgb(177,76,16)
```
#b84a09
```
#b84a09 rgb(184,74,9)
```
#c04901
```
#c04901 rgb(192,73,1)
```

Tone Color Variation

Below, you can see how #a2501f 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
#705f55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6e30 Protanopia 1% of men
#896924 Deuteranopia 1% of men
#a95459 Tritanopia 0.001% of the population

Trichromacy

#89632a Protanomaly 1% of men, 0.01% of women
#926022 Deuteranomaly 6% of men, 0.4% of women
#a65244 Tritanomaly 0.01% of the population

#a2501f hex color

#a2501f Color Information

#a2501f Color Conversion

Color Schemes with #a2501f

Alternatives to #a2501f

#a2501f Preview

Shades and Tints of #a2501f

Tones of #a2501f

Color Blindness Simulator