#a37b1e hex color

In a RGB color space, hex #a37b1e is composed of 63.9% red, 48.2% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.5% magenta, 81.6% yellow and 36.1% black. It has a hue angle of 42 degrees, a saturation of 68.9% and a lightness of 37.8%. #a37b1e color hex could be obtained by blending #fff63c with #470000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a37b1e has RGB values of R:163, G:123, B:30 and CMYK values of C:0, M:0.25, Y:0.82, K:0.36. Its decimal value is 10713886.

Hex triplet	a37b1e	`#a37b1e`
RGB Decimal	163, 123, 30	`rgb(163,123,30)`
RGB Percent	63.9, 48.2, 11.8	`rgb(63.9%,48.2%,11.8%)`
CMYK	0, 25, 82, 36
HSL	42°, 68.9, 37.8	`hsl(42,68.9%,37.8%)`
HSV (or HSB)	42°, 81.6, 63.9
Web Safe	996633	`#996633`

CIE-LAB	54.077, 6.888, 52.699
XYZ	22.422, 22.047, 4.303
xyY	0.46, 0.452, 22.047
CIE-LCH	54.077, 53.148, 82.553
CIE-LUV	54.077, 33.169, 51.847
Hunter-Lab	46.955, 3.067, 27.435
Binary	10100011, 01111011, 00011110

#a37b1e
```
#a37b1e rgb(163,123,30)
```
#1e46a3
```
#1e46a3 rgb(30,70,163)
```

Complementary Color

#a3391e
```
#a3391e rgb(163,57,30)
```
#a37b1e
```
#a37b1e rgb(163,123,30)
```
#89a31e
```
#89a31e rgb(137,163,30)
```

Analogous Color

#381ea3
```
#381ea3 rgb(56,30,163)
```
#a37b1e
```
#a37b1e rgb(163,123,30)
```
#1e89a3
```
#1e89a3 rgb(30,137,163)
```

Split Complementary Color

#7b1ea3
```
#7b1ea3 rgb(123,30,163)
```
#a37b1e
```
#a37b1e rgb(163,123,30)
```
#1ea37b
```
#1ea37b rgb(30,163,123)
```

Triadic Color

#a31e46
```
#a31e46 rgb(163,30,70)
```
#a37b1e
```
#a37b1e rgb(163,123,30)
```
#1ea37b
```
#1ea37b rgb(30,163,123)
```
#1e46a3
```
#1e46a3 rgb(30,70,163)
```

Tetradic Color

#624a12
```
#624a12 rgb(98,74,18)
```
#785a16
```
#785a16 rgb(120,90,22)
```
#8d6b1a
```
#8d6b1a rgb(141,107,26)
```
#a37b1e
```
#a37b1e rgb(163,123,30)
```
#b98b22
```
#b98b22 rgb(185,139,34)
```
#ce9c26
```
#ce9c26 rgb(206,156,38)
```
#daa834
```
#daa834 rgb(218,168,52)
```

Monochromatic Color

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

#a35a1e
```
#a35a1e rgb(163,90,30)
```
#a3651e
```
#a3651e rgb(163,101,30)
```
#a3701e
```
#a3701e rgb(163,112,30)
```
#a37b1e
```
#a37b1e rgb(163,123,30)
```
#a3861e
```
#a3861e rgb(163,134,30)
```
#a3911e
```
#a3911e rgb(163,145,30)
```
#a39c1e
```
#a39c1e rgb(163,156,30)
```

Similar Colors

Text with hexadecimal color #a37b1e

This text has a font color of #a37b1e.

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

#a37b1e background color

This paragraph has a background color of #a37b1e.

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

#a37b1e border color

This element has a border color of #a37b1e.

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

CSS codes

.text {color:#a37b1e;}

.background {background-color:#a37b1e;}

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

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

#0e0a03
```
#0e0a03 rgb(14,10,3)
```
#1e1706
```
#1e1706 rgb(30,23,6)
```
#2f2309
```
#2f2309 rgb(47,35,9)
```
#40300c
```
#40300c rgb(64,48,12)
```
#503c0f
```
#503c0f rgb(80,60,15)
```
#614912
```
#614912 rgb(97,73,18)
```
#715515
```
#715515 rgb(113,85,21)
```
#826218
```
#826218 rgb(130,98,24)
```
#926e1b
```
#926e1b rgb(146,110,27)
```
#a37b1e
```
#a37b1e rgb(163,123,30)
```
#b48821
```
#b48821 rgb(180,136,33)
```
#c49424
```
#c49424 rgb(196,148,36)
```
#d5a127
```
#d5a127 rgb(213,161,39)
```

Shade Color Variation

#daa836
```
#daa836 rgb(218,168,54)
```
#ddb046
```
#ddb046 rgb(221,176,70)
```
#e0b757
```
#e0b757 rgb(224,183,87)
```
#e3be67
```
#e3be67 rgb(227,190,103)
```
#e6c578
```
#e6c578 rgb(230,197,120)
```
#e9cc88
```
#e9cc88 rgb(233,204,136)
```
#ecd399
```
#ecd399 rgb(236,211,153)
```
#efdaaa
```
#efdaaa rgb(239,218,170)
```
#f2e1ba
```
#f2e1ba rgb(242,225,186)
```
#f5e9cb
```
#f5e9cb rgb(245,233,203)
```
#f8f0db
```
#f8f0db rgb(248,240,219)
```
#fbf7ec
```
#fbf7ec rgb(251,247,236)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#686359
```
#686359 rgb(104,99,89)
```
#6f6652
```
#6f6652 rgb(111,102,82)
```
#76694b
```
#76694b rgb(118,105,75)
```
#7e6c43
```
#7e6c43 rgb(126,108,67)
```
#856f3c
```
#856f3c rgb(133,111,60)
```
#8d7234
```
#8d7234 rgb(141,114,52)
```
#94752d
```
#94752d rgb(148,117,45)
```
#9c7825
```
#9c7825 rgb(156,120,37)
```
#a37b1e
```
#a37b1e rgb(163,123,30)
```
#aa7e17
```
#aa7e17 rgb(170,126,23)
```
#b2810f
```
#b2810f rgb(178,129,15)
```
#b98408
```
#b98408 rgb(185,132,8)
```
#c18700
```
#c18700 rgb(193,135,0)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#847c69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97882b Protanopia 1% of men
#a88129 Deuteranopia 1% of men
#ad7982 Tritanopia 0.001% of the population

Trichromacy

#9b8326 Protanomaly 1% of men, 0.01% of women
#a67f25 Deuteranomaly 6% of men, 0.4% of women
#a97a5d Tritanomaly 0.01% of the population

#a37b1e hex color

#a37b1e Color Information

#a37b1e Color Conversion

Color Schemes with #a37b1e

Alternatives to #a37b1e

#a37b1e Preview

Shades and Tints of #a37b1e

Tones of #a37b1e

Color Blindness Simulator