#a45e2e hex color

In a RGB color space, hex #a45e2e is composed of 64.3% red, 36.9% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.7% magenta, 72% yellow and 35.7% black. It has a hue angle of 24.4 degrees, a saturation of 56.2% and a lightness of 41.2%. #a45e2e color hex could be obtained by blending #ffbc5c with #490000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a45e2e has RGB values of R:164, G:94, B:46 and CMYK values of C:0, M:0.43, Y:0.72, K:0.36. Its decimal value is 10772014.

Hex triplet	a45e2e	`#a45e2e`
RGB Decimal	164, 94, 46	`rgb(164,94,46)`
RGB Percent	64.3, 36.9, 18	`rgb(64.3%,36.9%,18%)`
CMYK	0, 43, 72, 36
HSL	24.4°, 56.2, 41.2	`hsl(24.4,56.2%,41.2%)`
HSV (or HSB)	24.4°, 72, 64.3
Web Safe	996633	`#996633`

CIE-LAB	47.101, 24.444, 38.894
XYZ	19.806, 16.097, 4.649
xyY	0.488, 0.397, 16.097
CIE-LCH	47.101, 45.938, 57.852
CIE-LUV	47.101, 55.132, 35.562
Hunter-Lab	40.121, 17.908, 21.215
Binary	10100100, 01011110, 00101110

#a45e2e
```
#a45e2e rgb(164,94,46)
```
#2e74a4
```
#2e74a4 rgb(46,116,164)
```

Complementary Color

#a42e39
```
#a42e39 rgb(164,46,57)
```
#a45e2e
```
#a45e2e rgb(164,94,46)
```
#a4992e
```
#a4992e rgb(164,153,46)
```

Analogous Color

#2e39a4
```
#2e39a4 rgb(46,57,164)
```
#a45e2e
```
#a45e2e rgb(164,94,46)
```
#2ea499
```
#2ea499 rgb(46,164,153)
```

Split Complementary Color

#5e2ea4
```
#5e2ea4 rgb(94,46,164)
```
#a45e2e
```
#a45e2e rgb(164,94,46)
```
#2ea45e
```
#2ea45e rgb(46,164,94)
```

Triadic Color

#a42e74
```
#a42e74 rgb(164,46,116)
```
#a45e2e
```
#a45e2e rgb(164,94,46)
```
#2ea45e
```
#2ea45e rgb(46,164,94)
```
#2e74a4
```
#2e74a4 rgb(46,116,164)
```

Tetradic Color

#683c1d
```
#683c1d rgb(104,60,29)
```
#7c4723
```
#7c4723 rgb(124,71,35)
```
#905328
```
#905328 rgb(144,83,40)
```
#a45e2e
```
#a45e2e rgb(164,94,46)
```
#b86934
```
#b86934 rgb(184,105,52)
```
#c8753d
```
#c8753d rgb(200,117,61)
```
#ce8450
```
#ce8450 rgb(206,132,80)
```

Monochromatic Color

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

#a4412e
```
#a4412e rgb(164,65,46)
```
#a44a2e
```
#a44a2e rgb(164,74,46)
```
#a4542e
```
#a4542e rgb(164,84,46)
```
#a45e2e
```
#a45e2e rgb(164,94,46)
```
#a4682e
```
#a4682e rgb(164,104,46)
```
#a4722e
```
#a4722e rgb(164,114,46)
```
#a47c2e
```
#a47c2e rgb(164,124,46)
```

Similar Colors

Text with hexadecimal color #a45e2e

This text has a font color of #a45e2e.

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

#a45e2e background color

This paragraph has a background color of #a45e2e.

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

#a45e2e border color

This element has a border color of #a45e2e.

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

CSS codes

.text {color:#a45e2e;}

.background {background-color:#a45e2e;}

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

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

#0b0603
```
#0b0603 rgb(11,6,3)
```
#1a0f07
```
#1a0f07 rgb(26,15,7)
```
#29180c
```
#29180c rgb(41,24,12)
```
#392110
```
#392110 rgb(57,33,16)
```
#482914
```
#482914 rgb(72,41,20)
```
#573219
```
#573219 rgb(87,50,25)
```
#673b1d
```
#673b1d rgb(103,59,29)
```
#764421
```
#764421 rgb(118,68,33)
```
#854c25
```
#854c25 rgb(133,76,37)
```
#95552a
```
#95552a rgb(149,85,42)
```
#a45e2e
```
#a45e2e rgb(164,94,46)
```
#b36732
```
#b36732 rgb(179,103,50)
```
#c37037
```
#c37037 rgb(195,112,55)
```

Shade Color Variation

#ca7a43
```
#ca7a43 rgb(202,122,67)
```
#ce8552
```
#ce8552 rgb(206,133,82)
```
#d38f61
```
#d38f61 rgb(211,143,97)
```
#d79a71
```
#d79a71 rgb(215,154,113)
```
#dba580
```
#dba580 rgb(219,165,128)
```
#e0b08f
```
#e0b08f rgb(224,176,143)
```
#e4bb9f
```
#e4bb9f rgb(228,187,159)
```
#e8c6ae
```
#e8c6ae rgb(232,198,174)
```
#edd0bd
```
#edd0bd rgb(237,208,189)
```
#f1dbcd
```
#f1dbcd rgb(241,219,205)
```
#f5e6dc
```
#f5e6dc rgb(245,230,220)
```
#f9f1eb
```
#f9f1eb rgb(249,241,235)
```
#fefcfa
```
#fefcfa rgb(254,252,250)
```

Tint Color Variation

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

#6b6967
```
#6b6967 rgb(107,105,103)
```
#74675e
```
#74675e rgb(116,103,94)
```
#7c6656
```
#7c6656 rgb(124,102,86)
```
#84644e
```
#84644e rgb(132,100,78)
```
#8c6346
```
#8c6346 rgb(140,99,70)
```
#94613e
```
#94613e rgb(148,97,62)
```
#9c6036
```
#9c6036 rgb(156,96,54)
```
#a45e2e
```
#a45e2e rgb(164,94,46)
```
#ac5c26
```
#ac5c26 rgb(172,92,38)
```
#b45b1e
```
#b45b1e rgb(180,91,30)
```
#bc5916
```
#bc5916 rgb(188,89,22)
```
#c4580e
```
#c4580e rgb(196,88,14)
```
#cc5606
```
#cc5606 rgb(204,86,6)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#786a60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#83773d Protanopia 1% of men
#927135 Deuteranopia 1% of men
#ab6167 Tritanopia 0.001% of the population

Trichromacy

#8f6e38 Protanomaly 1% of men, 0.01% of women
#986a32 Deuteranomaly 6% of men, 0.4% of women
#a85f52 Tritanomaly 0.01% of the population

#a45e2e hex color

#a45e2e Color Information

#a45e2e Color Conversion

Color Schemes with #a45e2e

Alternatives to #a45e2e

#a45e2e Preview

Shades and Tints of #a45e2e

Tones of #a45e2e

Color Blindness Simulator