#a45f1e hex color

In a RGB color space, hex #a45f1e is composed of 64.3% red, 37.3% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.1% magenta, 81.7% yellow and 35.7% black. It has a hue angle of 29.1 degrees, a saturation of 69.1% and a lightness of 38%. #a45f1e color hex could be obtained by blending #ffbe3c with #490000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 64
- G 37
- B 12
RGB color chart
- C 0
- M 42
- Y 82
- K 36
CMYK color chart

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

The hexadecimal color #a45f1e has RGB values of R:164, G:95, B:30 and CMYK values of C:0, M:0.42, Y:0.82, K:0.36. Its decimal value is 10772254.

Hex triplet	a45f1e	`#a45f1e`
RGB Decimal	164, 95, 30	`rgb(164,95,30)`
RGB Percent	64.3, 37.3, 11.8	`rgb(64.3%,37.3%,11.8%)`
CMYK	0, 42, 82, 36
HSL	29.1°, 69.1, 38	`hsl(29.1,69.1%,38%)`
HSV (or HSB)	29.1°, 81.7, 64.3
Web Safe	996633	`#996633`

CIE-LAB	47.2, 23.173, 46.51
XYZ	19.637, 16.172, 3.316
xyY	0.502, 0.413, 16.172
CIE-LCH	47.2, 51.963, 63.516
CIE-LUV	47.2, 55.691, 40.77
Hunter-Lab	40.215, 16.786, 23.262
Binary	10100100, 01011111, 00011110

#a45f1e
```
#a45f1e rgb(164,95,30)
```
#1e63a4
```
#1e63a4 rgb(30,99,164)
```

Complementary Color

#a41e20
```
#a41e20 rgb(164,30,32)
```
#a45f1e
```
#a45f1e rgb(164,95,30)
```
#a4a21e
```
#a4a21e rgb(164,162,30)
```

Analogous Color

#1e20a4
```
#1e20a4 rgb(30,32,164)
```
#a45f1e
```
#a45f1e rgb(164,95,30)
```
#1ea4a2
```
#1ea4a2 rgb(30,164,162)
```

Split Complementary Color

#5f1ea4
```
#5f1ea4 rgb(95,30,164)
```
#a45f1e
```
#a45f1e rgb(164,95,30)
```
#1ea45f
```
#1ea45f rgb(30,164,95)
```

Triadic Color

#a41e63
```
#a41e63 rgb(164,30,99)
```
#a45f1e
```
#a45f1e rgb(164,95,30)
```
#1ea45f
```
#1ea45f rgb(30,164,95)
```
#1e63a4
```
#1e63a4 rgb(30,99,164)
```

Tetradic Color

#633a12
```
#633a12 rgb(99,58,18)
```
#794616
```
#794616 rgb(121,70,22)
```
#8e531a
```
#8e531a rgb(142,83,26)
```
#a45f1e
```
#a45f1e rgb(164,95,30)
```
#ba6b22
```
#ba6b22 rgb(186,107,34)
```
#cf7826
```
#cf7826 rgb(207,120,38)
```
#da8535
```
#da8535 rgb(218,133,53)
```

Monochromatic Color

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

#a43e1e
```
#a43e1e rgb(164,62,30)
```
#a4491e
```
#a4491e rgb(164,73,30)
```
#a4541e
```
#a4541e rgb(164,84,30)
```
#a45f1e
```
#a45f1e rgb(164,95,30)
```
#a46a1e
```
#a46a1e rgb(164,106,30)
```
#a4751e
```
#a4751e rgb(164,117,30)
```
#a4811e
```
#a4811e rgb(164,129,30)
```

Similar Colors

Text with hexadecimal color #a45f1e

This text has a font color of #a45f1e.

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

#a45f1e background color

This paragraph has a background color of #a45f1e.

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

#a45f1e border color

This element has a border color of #a45f1e.

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

CSS codes

.text {color:#a45f1e;}

.background {background-color:#a45f1e;}

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

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

#0f0903
```
#0f0903 rgb(15,9,3)
```
#1f1206
```
#1f1206 rgb(31,18,6)
```
#301c09
```
#301c09 rgb(48,28,9)
```
#41250c
```
#41250c rgb(65,37,12)
```
#512f0f
```
#512f0f rgb(81,47,15)
```
#623912
```
#623912 rgb(98,57,18)
```
#724215
```
#724215 rgb(114,66,21)
```
#834c18
```
#834c18 rgb(131,76,24)
```
#93551b
```
#93551b rgb(147,85,27)
```
#a45f1e
```
#a45f1e rgb(164,95,30)
```
#b56921
```
#b56921 rgb(181,105,33)
```
#c57224
```
#c57224 rgb(197,114,36)
```
#d67c27
```
#d67c27 rgb(214,124,39)
```

Shade Color Variation

#da8636
```
#da8636 rgb(218,134,54)
```
#dd9047
```
#dd9047 rgb(221,144,71)
```
#e09a57
```
#e09a57 rgb(224,154,87)
```
#e3a468
```
#e3a468 rgb(227,164,104)
```
#e6ae79
```
#e6ae79 rgb(230,174,121)
```
#e9b889
```
#e9b889 rgb(233,184,137)
```
#ecc29a
```
#ecc29a rgb(236,194,154)
```
#f0ccaa
```
#f0ccaa rgb(240,204,170)
```
#f3d6bb
```
#f3d6bb rgb(243,214,187)
```
#f6e0cb
```
#f6e0cb rgb(246,224,203)
```
#f9eadc
```
#f9eadc rgb(249,234,220)
```
#fcf4ed
```
#fcf4ed rgb(252,244,237)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#68615a
```
#68615a rgb(104,97,90)
```
#706152
```
#706152 rgb(112,97,82)
```
#77604b
```
#77604b rgb(119,96,75)
```
#7f6043
```
#7f6043 rgb(127,96,67)
```
#86603c
```
#86603c rgb(134,96,60)
```
#8e6034
```
#8e6034 rgb(142,96,52)
```
#955f2d
```
#955f2d rgb(149,95,45)
```
#9d5f25
```
#9d5f25 rgb(157,95,37)
```
#a45f1e
```
#a45f1e rgb(164,95,30)
```
#ab5f17
```
#ab5f17 rgb(171,95,23)
```
#b35f0f
```
#b35f0f rgb(179,95,15)
```
#ba5e08
```
#ba5e08 rgb(186,94,8)
```
#c25e00
```
#c25e00 rgb(194,94,0)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#77695c Atypical Achromatopsia 0.001% of the population

Dichromacy

#84772e Protanopia 1% of men
#947125 Deuteranopia 1% of men
#ac6167 Tritanopia 0.001% of the population

Trichromacy

#906e28 Protanomaly 1% of men, 0.01% of women
#9a6a22 Deuteranomaly 6% of men, 0.4% of women
#a9604c Tritanomaly 0.01% of the population

#a45f1e hex color

#a45f1e Color Information

#a45f1e Color Conversion

Color Schemes with #a45f1e

Alternatives to #a45f1e

#a45f1e Preview

Shades and Tints of #a45f1e

Tones of #a45f1e

Color Blindness Simulator