colorhexa.com

#a36114 hex color

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

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

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

The hexadecimal color #a36114 has RGB values of R:163, G:97, B:20 and CMYK values of C:0, M:0.4, Y:0.88, K:0.36. Its decimal value is 10707220.

Hex triplet	a36114	`#a36114`
RGB Decimal	163, 97, 20	`rgb(163,97,20)`
RGB Percent	63.9, 38, 7.8	`rgb(63.9%,38%,7.8%)`
CMYK	0, 40, 88, 36
HSL	32.3°, 78.1, 35.9	`hsl(32.3,78.1%,35.9%)`
HSV (or HSB)	32.3°, 87.7, 63.9
Web Safe	996600	`#996600`

CIE-LAB	47.479, 21.307, 50.43
XYZ	19.506, 16.388, 2.798
xyY	0.504, 0.424, 16.388
CIE-LCH	47.479, 54.746, 67.096
CIE-LUV	47.479, 53.829, 43.52
Hunter-Lab	40.482, 15.165, 24.24
Binary	10100011, 01100001, 00010100

#a36114
```
#a36114 rgb(163,97,20)
```
#1456a3
```
#1456a3 rgb(20,86,163)
```

Complementary Color

#a31914
```
#a31914 rgb(163,25,20)
```
#a36114
```
#a36114 rgb(163,97,20)
```
#9ea314
```
#9ea314 rgb(158,163,20)
```

Analogous Color

#1914a3
```
#1914a3 rgb(25,20,163)
```
#a36114
```
#a36114 rgb(163,97,20)
```
#149ea3
```
#149ea3 rgb(20,158,163)
```

Split Complementary Color

#6114a3
```
#6114a3 rgb(97,20,163)
```
#a36114
```
#a36114 rgb(163,97,20)
```
#14a361
```
#14a361 rgb(20,163,97)
```

Triadic Color

#5f380c
```
#5f380c rgb(95,56,12)
```
#76460e
```
#76460e rgb(118,70,14)
```
#8c5311
```
#8c5311 rgb(140,83,17)
```
#a36114
```
#a36114 rgb(163,97,20)
```
#ba6f17
```
#ba6f17 rgb(186,111,23)
```
#d07c1a
```
#d07c1a rgb(208,124,26)
```
#e48920
```
#e48920 rgb(228,137,32)
```

Monochromatic Color

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

#a33d14
```
#a33d14 rgb(163,61,20)
```
#a34914
```
#a34914 rgb(163,73,20)
```
#a35514
```
#a35514 rgb(163,85,20)
```
#a36114
```
#a36114 rgb(163,97,20)
```
#a36d14
```
#a36d14 rgb(163,109,20)
```
#a37914
```
#a37914 rgb(163,121,20)
```
#a38514
```
#a38514 rgb(163,133,20)
```

Similar Colors

Text with hexadecimal color #a36114

This text has a font color of #a36114.

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

#a36114 background color

This paragraph has a background color of #a36114.

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

#a36114 border color

This element has a border color of #a36114.

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

CSS codes

.text {color:#a36114;}

.background {background-color:#a36114;}

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

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)
```
#291805
```
#291805 rgb(41,24,5)
```
#3a2307
```
#3a2307 rgb(58,35,7)
```
#4c2d09
```
#4c2d09 rgb(76,45,9)
```
#5d370b
```
#5d370b rgb(93,55,11)
```
#6f420e
```
#6f420e rgb(111,66,14)
```
#804c10
```
#804c10 rgb(128,76,16)
```
#925712
```
#925712 rgb(146,87,18)
```
#a36114
```
#a36114 rgb(163,97,20)
```
#b46b16
```
#b46b16 rgb(180,107,22)
```
#c67618
```
#c67618 rgb(198,118,24)
```
#d7801a
```
#d7801a rgb(215,128,26)
```

Shade Color Variation

#e48a22
```
#e48a22 rgb(228,138,34)
```
#e69333
```
#e69333 rgb(230,147,51)
```
#e89d45
```
#e89d45 rgb(232,157,69)
```
#eaa656
```
#eaa656 rgb(234,166,86)
```
#ecaf68
```
#ecaf68 rgb(236,175,104)
```
#efb879
```
#efb879 rgb(239,184,121)
```
#f1c28a
```
#f1c28a rgb(241,194,138)
```
#f3cb9c
```
#f3cb9c rgb(243,203,156)
```
#f5d4ad
```
#f5d4ad rgb(245,212,173)
```
#f7ddbf
```
#f7ddbf rgb(247,221,191)
```
#f9e6d0
```
#f9e6d0 rgb(249,230,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 #b16206 is the most saturated one.

#5d5c5a
```
#5d5c5a rgb(93,92,90)
```
#645c53
```
#645c53 rgb(100,92,83)
```
#6b5d4c
```
#6b5d4c rgb(107,93,76)
```
#725d45
```
#725d45 rgb(114,93,69)
```
#795e3e
```
#795e3e rgb(121,94,62)
```
#805e37
```
#805e37 rgb(128,94,55)
```
#875f30
```
#875f30 rgb(135,95,48)
```
#8e5f29
```
#8e5f29 rgb(142,95,41)
```
#956022
```
#956022 rgb(149,96,34)
```
#9c601b
```
#9c601b rgb(156,96,27)
```
#a36114
```
#a36114 rgb(163,97,20)
```
#aa620d
```
#aa620d rgb(170,98,13)
```
#b16206
```
#b16206 rgb(177,98,6)
```

Tone Color Variation

Below, you can see how #a36114 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
#776a5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#867824 Protanopia 1% of men
#95721a Deuteranopia 1% of men
#ab6269 Tritanopia 0.001% of the population

Trichromacy

#906f1e Protanomaly 1% of men, 0.01% of women
#9a6c18 Deuteranomaly 6% of men, 0.4% of women
#a8624a Tritanomaly 0.01% of the population