#a45018 hex color

In a RGB color space, hex #a45018 is composed of 64.3% red, 31.4% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.2% magenta, 85.4% yellow and 35.7% black. It has a hue angle of 24 degrees, a saturation of 74.5% and a lightness of 36.9%. #a45018 color hex could be obtained by blending #ffa030 with #490000. Closest websafe color is: #996600.

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

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

The hexadecimal color #a45018 has RGB values of R:164, G:80, B:24 and CMYK values of C:0, M:0.51, Y:0.85, K:0.36. Its decimal value is 10768408.

Hex triplet	a45018	`#a45018`
RGB Decimal	164, 80, 24	`rgb(164,80,24)`
RGB Percent	64.3, 31.4, 9.4	`rgb(64.3%,31.4%,9.4%)`
CMYK	0, 51, 85, 36
HSL	24°, 74.5, 36.9	`hsl(24,74.5%,36.9%)`
HSV (or HSB)	24°, 85.4, 64.3
Web Safe	996600	`#996600`

CIE-LAB	43.796, 31.209, 45.935
XYZ	18.344, 13.698, 2.542
xyY	0.53, 0.396, 13.698
CIE-LCH	43.796, 55.534, 55.808
CIE-LUV	43.796, 67.873, 36.629
Hunter-Lab	37.01, 23.706, 21.835
Binary	10100100, 01010000, 00011000

#a45018
```
#a45018 rgb(164,80,24)
```
#186ca4
```
#186ca4 rgb(24,108,164)
```

Complementary Color

#a41826
```
#a41826 rgb(164,24,38)
```
#a45018
```
#a45018 rgb(164,80,24)
```
#a49618
```
#a49618 rgb(164,150,24)
```

Analogous Color

#1826a4
```
#1826a4 rgb(24,38,164)
```
#a45018
```
#a45018 rgb(164,80,24)
```
#18a496
```
#18a496 rgb(24,164,150)
```

Split Complementary Color

#5018a4
```
#5018a4 rgb(80,24,164)
```
#a45018
```
#a45018 rgb(164,80,24)
```
#18a450
```
#18a450 rgb(24,164,80)
```

Triadic Color

#a4186c
```
#a4186c rgb(164,24,108)
```
#a45018
```
#a45018 rgb(164,80,24)
```
#18a450
```
#18a450 rgb(24,164,80)
```
#186ca4
```
#186ca4 rgb(24,108,164)
```

Tetradic Color

#612f0e
```
#612f0e rgb(97,47,14)
```
#783a11
```
#783a11 rgb(120,58,17)
```
#8e4515
```
#8e4515 rgb(142,69,21)
```
#a45018
```
#a45018 rgb(164,80,24)
```
#ba5b1b
```
#ba5b1b rgb(186,91,27)
```
#d0661f
```
#d0661f rgb(208,102,31)
```
#e07229
```
#e07229 rgb(224,114,41)
```

Monochromatic Color

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

#a42d18
```
#a42d18 rgb(164,45,24)
```
#a43918
```
#a43918 rgb(164,57,24)
```
#a44418
```
#a44418 rgb(164,68,24)
```
#a45018
```
#a45018 rgb(164,80,24)
```
#a45c18
```
#a45c18 rgb(164,92,24)
```
#a46718
```
#a46718 rgb(164,103,24)
```
#a47318
```
#a47318 rgb(164,115,24)
```

Similar Colors

Text with hexadecimal color #a45018

This text has a font color of #a45018.

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

#a45018 background color

This paragraph has a background color of #a45018.

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

#a45018 border color

This element has a border color of #a45018.

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

CSS codes

.text {color:#a45018;}

.background {background-color:#a45018;}

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

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

#0a0501
```
#0a0501 rgb(10,5,1)
```
#1b0d04
```
#1b0d04 rgb(27,13,4)
```
#2c1606
```
#2c1606 rgb(44,22,6)
```
#3d1e09
```
#3d1e09 rgb(61,30,9)
```
#4e260b
```
#4e260b rgb(78,38,11)
```
#602f0e
```
#602f0e rgb(96,47,14)
```
#713710
```
#713710 rgb(113,55,16)
```
#823f13
```
#823f13 rgb(130,63,19)
```
#934815
```
#934815 rgb(147,72,21)
```
#a45018
```
#a45018 rgb(164,80,24)
```
#b5581b
```
#b5581b rgb(181,88,27)
```
#c6611d
```
#c6611d rgb(198,97,29)
```
#d76920
```
#d76920 rgb(215,105,32)
```

Shade Color Variation

#e0732b
```
#e0732b rgb(224,115,43)
```
#e27e3c
```
#e27e3c rgb(226,126,60)
```
#e58a4d
```
#e58a4d rgb(229,138,77)
```
#e7955e
```
#e7955e rgb(231,149,94)
```
#eaa06f
```
#eaa06f rgb(234,160,111)
```
#ecab80
```
#ecab80 rgb(236,171,128)
```
#efb791
```
#efb791 rgb(239,183,145)
```
#f1c2a2
```
#f1c2a2 rgb(241,194,162)
```
#f4cdb3
```
#f4cdb3 rgb(244,205,179)
```
#f6d9c5
```
#f6d9c5 rgb(246,217,197)
```
#f9e4d6
```
#f9e4d6 rgb(249,228,214)
```
#fbefe7
```
#fbefe7 rgb(251,239,231)
```
#fefaf8
```
#fefaf8 rgb(254,250,248)
```

Tint Color Variation

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

#635d59
```
#635d59 rgb(99,93,89)
```
#6a5c52
```
#6a5c52 rgb(106,92,82)
```
#715a4b
```
#715a4b rgb(113,90,75)
```
#795943
```
#795943 rgb(121,89,67)
```
#80573c
```
#80573c rgb(128,87,60)
```
#875635
```
#875635 rgb(135,86,53)
```
#8e542e
```
#8e542e rgb(142,84,46)
```
#965326
```
#965326 rgb(150,83,38)
```
#9d511f
```
#9d511f rgb(157,81,31)
```
#a45018
```
#a45018 rgb(164,80,24)
```
#ab4f11
```
#ab4f11 rgb(171,79,17)
```
#b24d0a
```
#b24d0a rgb(178,77,10)
```
#ba4c02
```
#ba4c02 rgb(186,76,2)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#705f54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b6f29 Protanopia 1% of men
#8a6a1c Deuteranopia 1% of men
#ab5359 Tritanopia 0.001% of the population

Trichromacy

#8a6423 Protanomaly 1% of men, 0.01% of women
#94601a Deuteranomaly 6% of men, 0.4% of women
#a85241 Tritanomaly 0.01% of the population

#a45018 hex color

#a45018 Color Information

#a45018 Color Conversion

Color Schemes with #a45018

Alternatives to #a45018

#a45018 Preview

Shades and Tints of #a45018

Tones of #a45018

Color Blindness Simulator