#a3742f hex color

In a RGB color space, hex #a3742f is composed of 63.9% red, 45.5% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.8% magenta, 71.2% yellow and 36.1% black. It has a hue angle of 35.7 degrees, a saturation of 55.2% and a lightness of 41.2%. #a3742f color hex could be obtained by blending #ffe85e with #470000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 64
- G 45
- B 18
RGB color chart
- C 0
- M 29
- Y 71
- K 36
CMYK color chart

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

The hexadecimal color #a3742f has RGB values of R:163, G:116, B:47 and CMYK values of C:0, M:0.29, Y:0.71, K:0.36. Its decimal value is 10712111.

Hex triplet	a3742f	`#a3742f`
RGB Decimal	163, 116, 47	`rgb(163,116,47)`
RGB Percent	63.9, 45.5, 18.4	`rgb(63.9%,45.5%,18.4%)`
CMYK	0, 29, 71, 36
HSL	35.7°, 55.2, 41.2	`hsl(35.7,55.2%,41.2%)`
HSV (or HSB)	35.7°, 71.2, 63.9
Web Safe	996633	`#996633`

CIE-LAB	52.38, 11.616, 44.003
XYZ	21.863, 20.484, 5.491
xyY	0.457, 0.428, 20.484
CIE-LCH	52.38, 45.51, 75.212
CIE-LUV	52.38, 37.594, 44.332
Hunter-Lab	45.259, 7.024, 24.487
Binary	10100011, 01110100, 00101111

#a3742f
```
#a3742f rgb(163,116,47)
```
#2f5ea3
```
#2f5ea3 rgb(47,94,163)
```

Complementary Color

#a33a2f
```
#a33a2f rgb(163,58,47)
```
#a3742f
```
#a3742f rgb(163,116,47)
```
#98a32f
```
#98a32f rgb(152,163,47)
```

Analogous Color

#3a2fa3
```
#3a2fa3 rgb(58,47,163)
```
#a3742f
```
#a3742f rgb(163,116,47)
```
#2f98a3
```
#2f98a3 rgb(47,152,163)
```

Split Complementary Color

#742fa3
```
#742fa3 rgb(116,47,163)
```
#a3742f
```
#a3742f rgb(163,116,47)
```
#2fa374
```
#2fa374 rgb(47,163,116)
```

Triadic Color

#a32f5e
```
#a32f5e rgb(163,47,94)
```
#a3742f
```
#a3742f rgb(163,116,47)
```
#2fa374
```
#2fa374 rgb(47,163,116)
```
#2f5ea3
```
#2f5ea3 rgb(47,94,163)
```

Tetradic Color

#684a1e
```
#684a1e rgb(104,74,30)
```
#7b5824
```
#7b5824 rgb(123,88,36)
```
#8f6629
```
#8f6629 rgb(143,102,41)
```
#a3742f
```
#a3742f rgb(163,116,47)
```
#b78235
```
#b78235 rgb(183,130,53)
```
#c7903e
```
#c7903e rgb(199,144,62)
```
#cd9b52
```
#cd9b52 rgb(205,155,82)
```

Monochromatic Color

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

#a3572f
```
#a3572f rgb(163,87,47)
```
#a3612f
```
#a3612f rgb(163,97,47)
```
#a36a2f
```
#a36a2f rgb(163,106,47)
```
#a3742f
```
#a3742f rgb(163,116,47)
```
#a37e2f
```
#a37e2f rgb(163,126,47)
```
#a3872f
```
#a3872f rgb(163,135,47)
```
#a3912f
```
#a3912f rgb(163,145,47)
```

Similar Colors

Text with hexadecimal color #a3742f

This text has a font color of #a3742f.

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

#a3742f background color

This paragraph has a background color of #a3742f.

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

#a3742f border color

This element has a border color of #a3742f.

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

CSS codes

.text {color:#a3742f;}

.background {background-color:#a3742f;}

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

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

#0b0803
```
#0b0803 rgb(11,8,3)
```
#1a1207
```
#1a1207 rgb(26,18,7)
```
#291d0c
```
#291d0c rgb(41,29,12)
```
#382810
```
#382810 rgb(56,40,16)
```
#483315
```
#483315 rgb(72,51,21)
```
#573e19
```
#573e19 rgb(87,62,25)
```
#66491d
```
#66491d rgb(102,73,29)
```
#755322
```
#755322 rgb(117,83,34)
```
#855e26
```
#855e26 rgb(133,94,38)
```
#94692b
```
#94692b rgb(148,105,43)
```
#a3742f
```
#a3742f rgb(163,116,47)
```
#b27f33
```
#b27f33 rgb(178,127,51)
```
#c18a38
```
#c18a38 rgb(193,138,56)
```

Shade Color Variation

#c99344
```
#c99344 rgb(201,147,68)
```
#cd9c53
```
#cd9c53 rgb(205,156,83)
```
#d2a562
```
#d2a562 rgb(210,165,98)
```
#d6ad71
```
#d6ad71 rgb(214,173,113)
```
#dbb681
```
#dbb681 rgb(219,182,129)
```
#dfbf90
```
#dfbf90 rgb(223,191,144)
```
#e3c89f
```
#e3c89f rgb(227,200,159)
```
#e8d1ae
```
#e8d1ae rgb(232,209,174)
```
#ecd9be
```
#ecd9be rgb(236,217,190)
```
#f1e2cd
```
#f1e2cd rgb(241,226,205)
```
#f5ebdc
```
#f5ebdc rgb(245,235,220)
```
#f9f4eb
```
#f9f4eb rgb(249,244,235)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#6a6968
```
#6a6968 rgb(106,105,104)
```
#736b5f
```
#736b5f rgb(115,107,95)
```
#7b6c57
```
#7b6c57 rgb(123,108,87)
```
#836e4f
```
#836e4f rgb(131,110,79)
```
#8b6f47
```
#8b6f47 rgb(139,111,71)
```
#93713f
```
#93713f rgb(147,113,63)
```
#9b7237
```
#9b7237 rgb(155,114,55)
```
#a3742f
```
#a3742f rgb(163,116,47)
```
#ab7627
```
#ab7627 rgb(171,118,39)
```
#b3771f
```
#b3771f rgb(179,119,31)
```
#bb7917
```
#bb7917 rgb(187,121,23)
```
#c37a0f
```
#c37a0f rgb(195,122,15)
```
#cb7c07
```
#cb7c07 rgb(203,124,7)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#82796b Atypical Achromatopsia 0.001% of the population

Dichromacy

#91833c Protanopia 1% of men
#a27d38 Deuteranopia 1% of men
#ac747c Tritanopia 0.001% of the population

Trichromacy

#987e37 Protanomaly 1% of men, 0.01% of women
#a27a35 Deuteranomaly 6% of men, 0.4% of women
#a97460 Tritanomaly 0.01% of the population

#a3742f hex color

#a3742f Color Information

#a3742f Color Conversion

Color Schemes with #a3742f

Alternatives to #a3742f

#a3742f Preview

Shades and Tints of #a3742f

Tones of #a3742f

Color Blindness Simulator