#a37b1f hex color

In a RGB color space, hex #a37b1f is composed of 63.9% red, 48.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.5% magenta, 81% yellow and 36.1% black. It has a hue angle of 41.8 degrees, a saturation of 68% and a lightness of 38%. #a37b1f color hex could be obtained by blending #fff63e with #470000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a37b1f has RGB values of R:163, G:123, B:31 and CMYK values of C:0, M:0.25, Y:0.81, K:0.36. Its decimal value is 10713887.

Hex triplet	a37b1f	`#a37b1f`
RGB Decimal	163, 123, 31	`rgb(163,123,31)`
RGB Percent	63.9, 48.2, 12.2	`rgb(63.9%,48.2%,12.2%)`
CMYK	0, 25, 81, 36
HSL	41.8°, 68, 38	`hsl(41.8,68%,38%)`
HSV (or HSB)	41.8°, 81, 63.9
Web Safe	996633	`#996633`

CIE-LAB	54.083, 6.924, 52.35
XYZ	22.435, 22.053, 4.371
xyY	0.459, 0.451, 22.053
CIE-LCH	54.083, 52.806, 82.465
CIE-LUV	54.083, 33.133, 51.635
Hunter-Lab	46.96, 3.097, 27.353
Binary	10100011, 01111011, 00011111

#a37b1f
```
#a37b1f rgb(163,123,31)
```
#1f47a3
```
#1f47a3 rgb(31,71,163)
```

Complementary Color

#a3391f
```
#a3391f rgb(163,57,31)
```
#a37b1f
```
#a37b1f rgb(163,123,31)
```
#89a31f
```
#89a31f rgb(137,163,31)
```

Analogous Color

#391fa3
```
#391fa3 rgb(57,31,163)
```
#a37b1f
```
#a37b1f rgb(163,123,31)
```
#1f89a3
```
#1f89a3 rgb(31,137,163)
```

Split Complementary Color

#7b1fa3
```
#7b1fa3 rgb(123,31,163)
```
#a37b1f
```
#a37b1f rgb(163,123,31)
```
#1fa37b
```
#1fa37b rgb(31,163,123)
```

Triadic Color

#a31f47
```
#a31f47 rgb(163,31,71)
```
#a37b1f
```
#a37b1f rgb(163,123,31)
```
#1fa37b
```
#1fa37b rgb(31,163,123)
```
#1f47a3
```
#1f47a3 rgb(31,71,163)
```

Tetradic Color

#634a13
```
#634a13 rgb(99,74,19)
```
#785b17
```
#785b17 rgb(120,91,23)
```
#8e6b1b
```
#8e6b1b rgb(142,107,27)
```
#a37b1f
```
#a37b1f rgb(163,123,31)
```
#b88b23
```
#b88b23 rgb(184,139,35)
```
#ce9b27
```
#ce9b27 rgb(206,155,39)
```
#d9a736
```
#d9a736 rgb(217,167,54)
```

Monochromatic Color

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

#a35a1f
```
#a35a1f rgb(163,90,31)
```
#a3651f
```
#a3651f rgb(163,101,31)
```
#a3701f
```
#a3701f rgb(163,112,31)
```
#a37b1f
```
#a37b1f rgb(163,123,31)
```
#a3861f
```
#a3861f rgb(163,134,31)
```
#a3911f
```
#a3911f rgb(163,145,31)
```
#a39c1f
```
#a39c1f rgb(163,156,31)
```

Similar Colors

Text with hexadecimal color #a37b1f

This text has a font color of #a37b1f.

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

#a37b1f background color

This paragraph has a background color of #a37b1f.

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

#a37b1f border color

This element has a border color of #a37b1f.

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

CSS codes

.text {color:#a37b1f;}

.background {background-color:#a37b1f;}

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

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

#0f0b03
```
#0f0b03 rgb(15,11,3)
```
#1f1806
```
#1f1806 rgb(31,24,6)
```
#302409
```
#302409 rgb(48,36,9)
```
#40300c
```
#40300c rgb(64,48,12)
```
#513d0f
```
#513d0f rgb(81,61,15)
```
#614912
```
#614912 rgb(97,73,18)
```
#725616
```
#725616 rgb(114,86,22)
```
#826219
```
#826219 rgb(130,98,25)
```
#936f1c
```
#936f1c rgb(147,111,28)
```
#a37b1f
```
#a37b1f rgb(163,123,31)
```
#b38722
```
#b38722 rgb(179,135,34)
```
#c49425
```
#c49425 rgb(196,148,37)
```
#d4a028
```
#d4a028 rgb(212,160,40)
```

Shade Color Variation

#d9a837
```
#d9a837 rgb(217,168,55)
```
#dcaf48
```
#dcaf48 rgb(220,175,72)
```
#dfb658
```
#dfb658 rgb(223,182,88)
```
#e2be69
```
#e2be69 rgb(226,190,105)
```
#e6c579
```
#e6c579 rgb(230,197,121)
```
#e9cc8a
```
#e9cc8a rgb(233,204,138)
```
#ecd39a
```
#ecd39a rgb(236,211,154)
```
#efdaab
```
#efdaab rgb(239,218,171)
```
#f2e1bb
```
#f2e1bb rgb(242,225,187)
```
#f5e9cc
```
#f5e9cc rgb(245,233,204)
```
#f8f0dc
```
#f8f0dc rgb(248,240,220)
```
#fcf7ed
```
#fcf7ed rgb(252,247,237)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#67635b
```
#67635b rgb(103,99,91)
```
#6f6653
```
#6f6653 rgb(111,102,83)
```
#76694c
```
#76694c rgb(118,105,76)
```
#7e6c44
```
#7e6c44 rgb(126,108,68)
```
#856f3d
```
#856f3d rgb(133,111,61)
```
#8d7235
```
#8d7235 rgb(141,114,53)
```
#94752e
```
#94752e rgb(148,117,46)
```
#9c7826
```
#9c7826 rgb(156,120,38)
```
#a37b1f
```
#a37b1f rgb(163,123,31)
```
#aa7e18
```
#aa7e18 rgb(170,126,24)
```
#b28110
```
#b28110 rgb(178,129,16)
```
#b98409
```
#b98409 rgb(185,132,9)
```
#c18701
```
#c18701 rgb(193,135,1)
```

Tone Color Variation

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

#97882c Protanopia 1% of men
#a8812a Deuteranopia 1% of men
#ad7982 Tritanopia 0.001% of the population

Trichromacy

#9b8327 Protanomaly 1% of men, 0.01% of women
#a67f26 Deuteranomaly 6% of men, 0.4% of women
#a97a5e Tritanomaly 0.01% of the population

#a37b1f hex color

#a37b1f Color Information

#a37b1f Color Conversion

Color Schemes with #a37b1f

Alternatives to #a37b1f

#a37b1f Preview

Shades and Tints of #a37b1f

Tones of #a37b1f

Color Blindness Simulator