#a34018 hex color

In a RGB color space, hex #a34018 is composed of 63.9% red, 25.1% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.7% magenta, 85.3% yellow and 36.1% black. It has a hue angle of 17.3 degrees, a saturation of 74.3% and a lightness of 36.7%. #a34018 color hex could be obtained by blending #ff8030 with #470000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 64
- G 25
- B 9
RGB color chart
- C 0
- M 61
- Y 85
- K 36
CMYK color chart

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

The hexadecimal color #a34018 has RGB values of R:163, G:64, B:24 and CMYK values of C:0, M:0.61, Y:0.85, K:0.36. Its decimal value is 10698776.

Hex triplet	a34018	`#a34018`
RGB Decimal	163, 64, 24	`rgb(163,64,24)`
RGB Percent	63.9, 25.1, 9.4	`rgb(63.9%,25.1%,9.4%)`
CMYK	0, 61, 85, 36
HSL	17.3°, 74.3, 36.7	`hsl(17.3,74.3%,36.7%)`
HSV (or HSB)	17.3°, 85.3, 63.9
Web Safe	993300	`#993300`

CIE-LAB	40.445, 38.986, 42.95
XYZ	17.103, 11.521, 2.187
xyY	0.555, 0.374, 11.521
CIE-LCH	40.445, 58.006, 47.769
CIE-LUV	40.445, 79.052, 31.23
Hunter-Lab	33.943, 30.544, 19.939
Binary	10100011, 01000000, 00011000

#a34018
```
#a34018 rgb(163,64,24)
```
#187ba3
```
#187ba3 rgb(24,123,163)
```

Complementary Color

#a31835
```
#a31835 rgb(163,24,53)
```
#a34018
```
#a34018 rgb(163,64,24)
```
#a38618
```
#a38618 rgb(163,134,24)
```

Analogous Color

#1835a3
```
#1835a3 rgb(24,53,163)
```
#a34018
```
#a34018 rgb(163,64,24)
```
#18a386
```
#18a386 rgb(24,163,134)
```

Split Complementary Color

#4018a3
```
#4018a3 rgb(64,24,163)
```
#a34018
```
#a34018 rgb(163,64,24)
```
#18a340
```
#18a340 rgb(24,163,64)
```

Triadic Color

#a3187b
```
#a3187b rgb(163,24,123)
```
#a34018
```
#a34018 rgb(163,64,24)
```
#18a340
```
#18a340 rgb(24,163,64)
```
#187ba3
```
#187ba3 rgb(24,123,163)
```

Tetradic Color

#60260e
```
#60260e rgb(96,38,14)
```
#772f11
```
#772f11 rgb(119,47,17)
```
#8d3715
```
#8d3715 rgb(141,55,21)
```
#a34018
```
#a34018 rgb(163,64,24)
```
#b9491b
```
#b9491b rgb(185,73,27)
```
#cf511f
```
#cf511f rgb(207,81,31)
```
#df5d28
```
#df5d28 rgb(223,93,40)
```

Monochromatic Color

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

#a31d18
```
#a31d18 rgb(163,29,24)
```
#a32918
```
#a32918 rgb(163,41,24)
```
#a33418
```
#a33418 rgb(163,52,24)
```
#a34018
```
#a34018 rgb(163,64,24)
```
#a34c18
```
#a34c18 rgb(163,76,24)
```
#a35718
```
#a35718 rgb(163,87,24)
```
#a36318
```
#a36318 rgb(163,99,24)
```

Similar Colors

Text with hexadecimal color #a34018

This text has a font color of #a34018.

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

#a34018 background color

This paragraph has a background color of #a34018.

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

#a34018 border color

This element has a border color of #a34018.

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

CSS codes

.text {color:#a34018;}

.background {background-color:#a34018;}

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

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

#090401
```
#090401 rgb(9,4,1)
```
#1a0a04
```
#1a0a04 rgb(26,10,4)
```
#2b1106
```
#2b1106 rgb(43,17,6)
```
#3c1809
```
#3c1809 rgb(60,24,9)
```
#4e1e0b
```
#4e1e0b rgb(78,30,11)
```
#5f250e
```
#5f250e rgb(95,37,14)
```
#702c10
```
#702c10 rgb(112,44,16)
```
#813313
```
#813313 rgb(129,51,19)
```
#923915
```
#923915 rgb(146,57,21)
```
#a34018
```
#a34018 rgb(163,64,24)
```
#b4471b
```
#b4471b rgb(180,71,27)
```
#c54d1d
```
#c54d1d rgb(197,77,29)
```
#d65420
```
#d65420 rgb(214,84,32)
```

Shade Color Variation

#e05e2a
```
#e05e2a rgb(224,94,42)
```
#e26b3b
```
#e26b3b rgb(226,107,59)
```
#e5784c
```
#e5784c rgb(229,120,76)
```
#e7855d
```
#e7855d rgb(231,133,93)
```
#ea926e
```
#ea926e rgb(234,146,110)
```
#ec9f7f
```
#ec9f7f rgb(236,159,127)
```
#efac90
```
#efac90 rgb(239,172,144)
```
#f1b8a2
```
#f1b8a2 rgb(241,184,162)
```
#f4c5b3
```
#f4c5b3 rgb(244,197,179)
```
#f6d2c4
```
#f6d2c4 rgb(246,210,196)
```
#f9dfd5
```
#f9dfd5 rgb(249,223,213)
```
#fbece6
```
#fbece6 rgb(251,236,230)
```
#fef9f7
```
#fef9f7 rgb(254,249,247)
```

Tint Color Variation

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

#625b59
```
#625b59 rgb(98,91,89)
```
#695852
```
#695852 rgb(105,88,82)
```
#71554a
```
#71554a rgb(113,85,74)
```
#785243
```
#785243 rgb(120,82,67)
```
#7f4f3c
```
#7f4f3c rgb(127,79,60)
```
#864c35
```
#864c35 rgb(134,76,53)
```
#8d492e
```
#8d492e rgb(141,73,46)
```
#954626
```
#954626 rgb(149,70,38)
```
#9c431f
```
#9c431f rgb(156,67,31)
```
#a34018
```
#a34018 rgb(163,64,24)
```
#aa3d11
```
#aa3d11 rgb(170,61,17)
```
#b13a0a
```
#b13a0a rgb(177,58,10)
```
#b93702
```
#b93702 rgb(185,55,2)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#68544c Atypical Achromatopsia 0.001% of the population

Dichromacy

#73672b Protanopia 1% of men
#816219 Deuteranopia 1% of men
#a94549 Tritanopia 0.001% of the population

Trichromacy

#845924 Protanomaly 1% of men, 0.01% of women
#8d5619 Deuteranomaly 6% of men, 0.4% of women
#a64337 Tritanomaly 0.01% of the population

#a34018 hex color

#a34018 Color Information

#a34018 Color Conversion

Color Schemes with #a34018

Alternatives to #a34018

#a34018 Preview

Shades and Tints of #a34018

Tones of #a34018

Color Blindness Simulator