colorhexa.com

#a36314 hex color

In a RGB color space, hex #a36314 is composed of 63.9% red, 38.8% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.3% magenta, 87.7% yellow and 36.1% black. It has a hue angle of 33.1 degrees, a saturation of 78.1% and a lightness of 35.9%. #a36314 color hex could be obtained by blending #ffc628 with #470000. Closest websafe color is: #996600.

- R 64
- G 39
- B 8
RGB color chart
- C 0
- M 39
- Y 88
- K 36
CMYK color chart

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

The hexadecimal color #a36314 has RGB values of R:163, G:99, B:20 and CMYK values of C:0, M:0.39, Y:0.88, K:0.36. Its decimal value is 10707732.

Hex triplet	a36314	`#a36314`
RGB Decimal	163, 99, 20	`rgb(163,99,20)`
RGB Percent	63.9, 38.8, 7.8	`rgb(63.9%,38.8%,7.8%)`
CMYK	0, 39, 88, 36
HSL	33.1°, 78.1, 35.9	`hsl(33.1,78.1%,35.9%)`
HSV (or HSB)	33.1°, 87.7, 63.9
Web Safe	996600	`#996600`

CIE-LAB	47.959, 20.18, 50.822
XYZ	19.693, 16.762, 2.86
xyY	0.501, 0.426, 16.762
CIE-LCH	47.959, 54.681, 68.343
CIE-LUV	47.959, 52.236, 44.275
Hunter-Lab	40.942, 14.21, 24.517
Binary	10100011, 01100011, 00010100

#a36314
```
#a36314 rgb(163,99,20)
```
#1454a3
```
#1454a3 rgb(20,84,163)
```

Complementary Color

#a31c14
```
#a31c14 rgb(163,28,20)
```
#a36314
```
#a36314 rgb(163,99,20)
```
#9ca314
```
#9ca314 rgb(156,163,20)
```

Analogous Color

#1c14a3
```
#1c14a3 rgb(28,20,163)
```
#a36314
```
#a36314 rgb(163,99,20)
```
#149ca3
```
#149ca3 rgb(20,156,163)
```

Split Complementary Color

#6314a3
```
#6314a3 rgb(99,20,163)
```
#a36314
```
#a36314 rgb(163,99,20)
```
#14a363
```
#14a363 rgb(20,163,99)
```

Triadic Color

#5f3a0c
```
#5f3a0c rgb(95,58,12)
```
#76470e
```
#76470e rgb(118,71,14)
```
#8c5511
```
#8c5511 rgb(140,85,17)
```
#a36314
```
#a36314 rgb(163,99,20)
```
#ba7117
```
#ba7117 rgb(186,113,23)
```
#d07f1a
```
#d07f1a rgb(208,127,26)
```
#e48c20
```
#e48c20 rgb(228,140,32)
```

Monochromatic Color

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

#a33f14
```
#a33f14 rgb(163,63,20)
```
#a34b14
```
#a34b14 rgb(163,75,20)
```
#a35714
```
#a35714 rgb(163,87,20)
```
#a36314
```
#a36314 rgb(163,99,20)
```
#a36f14
```
#a36f14 rgb(163,111,20)
```
#a37b14
```
#a37b14 rgb(163,123,20)
```
#a38714
```
#a38714 rgb(163,135,20)
```

Similar Colors

Text with hexadecimal color #a36314

This text has a font color of #a36314.

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

#a36314 background color

This paragraph has a background color of #a36314.

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

#a36314 border color

This element has a border color of #a36314.

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

CSS codes

.text {color:#a36314;}

.background {background-color:#a36314;}

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

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, #060301 is the darkest color, while #fef9f3 is the lightest one.

#060301
```
#060301 rgb(6,3,1)
```
#170e03
```
#170e03 rgb(23,14,3)
```
#291905
```
#291905 rgb(41,25,5)
```
#3a2307
```
#3a2307 rgb(58,35,7)
```
#4c2e09
```
#4c2e09 rgb(76,46,9)
```
#5d390b
```
#5d390b rgb(93,57,11)
```
#6f430e
```
#6f430e rgb(111,67,14)
```
#804e10
```
#804e10 rgb(128,78,16)
```
#925812
```
#925812 rgb(146,88,18)
```
#a36314
```
#a36314 rgb(163,99,20)
```
#b46e16
```
#b46e16 rgb(180,110,22)
```
#c67818
```
#c67818 rgb(198,120,24)
```
#d7831a
```
#d7831a rgb(215,131,26)
```

Shade Color Variation

#e48d22
```
#e48d22 rgb(228,141,34)
```
#e69633
```
#e69633 rgb(230,150,51)
```
#e89f45
```
#e89f45 rgb(232,159,69)
```
#eaa856
```
#eaa856 rgb(234,168,86)
```
#ecb168
```
#ecb168 rgb(236,177,104)
```
#efba79
```
#efba79 rgb(239,186,121)
```
#f1c38a
```
#f1c38a rgb(241,195,138)
```
#f3cc9c
```
#f3cc9c rgb(243,204,156)
```
#f5d5ad
```
#f5d5ad rgb(245,213,173)
```
#f7debf
```
#f7debf rgb(247,222,191)
```
#f9e7d0
```
#f9e7d0 rgb(249,231,208)
```
#fbf0e2
```
#fbf0e2 rgb(251,240,226)
```
#fef9f3
```
#fef9f3 rgb(254,249,243)
```

Tint Color Variation

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

#5d5c5a
```
#5d5c5a rgb(93,92,90)
```
#645c53
```
#645c53 rgb(100,92,83)
```
#6b5d4c
```
#6b5d4c rgb(107,93,76)
```
#725e45
```
#725e45 rgb(114,94,69)
```
#795f3e
```
#795f3e rgb(121,95,62)
```
#805f37
```
#805f37 rgb(128,95,55)
```
#876030
```
#876030 rgb(135,96,48)
```
#8e6129
```
#8e6129 rgb(142,97,41)
```
#956222
```
#956222 rgb(149,98,34)
```
#9c621b
```
#9c621b rgb(156,98,27)
```
#a36314
```
#a36314 rgb(163,99,20)
```
#aa640d
```
#aa640d rgb(170,100,13)
```
#b16406
```
#b16406 rgb(177,100,6)
```

Tone Color Variation

Below, you can see how #a36314 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
#786b5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#877923 Protanopia 1% of men
#97731b Deuteranopia 1% of men
#ab646b Tritanopia 0.001% of the population

Trichromacy

#91711e Protanomaly 1% of men, 0.01% of women
#9b6d18 Deuteranomaly 6% of men, 0.4% of women
#a8634b Tritanomaly 0.01% of the population