#a55218 hex color

In a RGB color space, hex #a55218 is composed of 64.7% red, 32.2% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.3% magenta, 85.5% yellow and 35.3% black. It has a hue angle of 24.7 degrees, a saturation of 74.6% and a lightness of 37.1%. #a55218 color hex could be obtained by blending #ffa430 with #4b0000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 65
- G 32
- B 9
RGB color chart
- C 0
- M 50
- Y 85
- K 35
CMYK color chart

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

The hexadecimal color #a55218 has RGB values of R:165, G:82, B:24 and CMYK values of C:0, M:0.5, Y:0.85, K:0.35. Its decimal value is 10834456.

Hex triplet	a55218	`#a55218`
RGB Decimal	165, 82, 24	`rgb(165,82,24)`
RGB Percent	64.7, 32.2, 9.4	`rgb(64.7%,32.2%,9.4%)`
CMYK	0, 50, 85, 35
HSL	24.7°, 74.6, 37.1	`hsl(24.7,74.6%,37.1%)`
HSV (or HSB)	24.7°, 85.5, 64.7
Web Safe	996600	`#996600`

CIE-LAB	44.378, 30.555, 46.499
XYZ	18.7, 14.102, 2.601
xyY	0.528, 0.398, 14.102
CIE-LCH	44.378, 55.639, 56.69
CIE-LUV	44.378, 67.158, 37.416
Hunter-Lab	37.552, 23.172, 22.179
Binary	10100101, 01010010, 00011000

#a55218
```
#a55218 rgb(165,82,24)
```
#186ba5
```
#186ba5 rgb(24,107,165)
```

Complementary Color

#a51825
```
#a51825 rgb(165,24,37)
```
#a55218
```
#a55218 rgb(165,82,24)
```
#a59918
```
#a59918 rgb(165,153,24)
```

Analogous Color

#1825a5
```
#1825a5 rgb(24,37,165)
```
#a55218
```
#a55218 rgb(165,82,24)
```
#18a599
```
#18a599 rgb(24,165,153)
```

Split Complementary Color

#5218a5
```
#5218a5 rgb(82,24,165)
```
#a55218
```
#a55218 rgb(165,82,24)
```
#18a552
```
#18a552 rgb(24,165,82)
```

Triadic Color

#a5186b
```
#a5186b rgb(165,24,107)
```
#a55218
```
#a55218 rgb(165,82,24)
```
#18a552
```
#18a552 rgb(24,165,82)
```
#186ba5
```
#186ba5 rgb(24,107,165)
```

Tetradic Color

#62310e
```
#62310e rgb(98,49,14)
```
#783c12
```
#783c12 rgb(120,60,18)
```
#8f4715
```
#8f4715 rgb(143,71,21)
```
#a55218
```
#a55218 rgb(165,82,24)
```
#bb5d1b
```
#bb5d1b rgb(187,93,27)
```
#d2681e
```
#d2681e rgb(210,104,30)
```
#e0752a
```
#e0752a rgb(224,117,42)
```

Monochromatic Color

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

#a52f18
```
#a52f18 rgb(165,47,24)
```
#a53a18
```
#a53a18 rgb(165,58,24)
```
#a54618
```
#a54618 rgb(165,70,24)
```
#a55218
```
#a55218 rgb(165,82,24)
```
#a55e18
```
#a55e18 rgb(165,94,24)
```
#a56a18
```
#a56a18 rgb(165,106,24)
```
#a57518
```
#a57518 rgb(165,117,24)
```

Similar Colors

Text with hexadecimal color #a55218

This text has a font color of #a55218.

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

#a55218 background color

This paragraph has a background color of #a55218.

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

#a55218 border color

This element has a border color of #a55218.

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

CSS codes

.text {color:#a55218;}

.background {background-color:#a55218;}

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

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

#0b0502
```
#0b0502 rgb(11,5,2)
```
#1c0e04
```
#1c0e04 rgb(28,14,4)
```
#2d1607
```
#2d1607 rgb(45,22,7)
```
#3e1f09
```
#3e1f09 rgb(62,31,9)
```
#4f270c
```
#4f270c rgb(79,39,12)
```
#61300e
```
#61300e rgb(97,48,14)
```
#723811
```
#723811 rgb(114,56,17)
```
#834113
```
#834113 rgb(131,65,19)
```
#944916
```
#944916 rgb(148,73,22)
```
#a55218
```
#a55218 rgb(165,82,24)
```
#b65b1a
```
#b65b1a rgb(182,91,26)
```
#c7631d
```
#c7631d rgb(199,99,29)
```
#d86c1f
```
#d86c1f rgb(216,108,31)
```

Shade Color Variation

#e0762b
```
#e0762b rgb(224,118,43)
```
#e3813c
```
#e3813c rgb(227,129,60)
```
#e58c4e
```
#e58c4e rgb(229,140,78)
```
#e8975f
```
#e8975f rgb(232,151,95)
```
#eaa270
```
#eaa270 rgb(234,162,112)
```
#edad81
```
#edad81 rgb(237,173,129)
```
#efb892
```
#efb892 rgb(239,184,146)
```
#f2c3a3
```
#f2c3a3 rgb(242,195,163)
```
#f4cfb4
```
#f4cfb4 rgb(244,207,180)
```
#f7dac5
```
#f7dac5 rgb(247,218,197)
```
#f9e5d7
```
#f9e5d7 rgb(249,229,215)
```
#fcf0e8
```
#fcf0e8 rgb(252,240,232)
```
#fefbf9
```
#fefbf9 rgb(254,251,249)
```

Tint Color Variation

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

#645e59
```
#645e59 rgb(100,94,89)
```
#6b5c52
```
#6b5c52 rgb(107,92,82)
```
#725b4b
```
#725b4b rgb(114,91,75)
```
#795a44
```
#795a44 rgb(121,90,68)
```
#81583c
```
#81583c rgb(129,88,60)
```
#885735
```
#885735 rgb(136,87,53)
```
#8f562e
```
#8f562e rgb(143,86,46)
```
#965527
```
#965527 rgb(150,85,39)
```
#9e531f
```
#9e531f rgb(158,83,31)
```
#a55218
```
#a55218 rgb(165,82,24)
```
#ac5111
```
#ac5111 rgb(172,81,17)
```
#b44f09
```
#b44f09 rgb(180,79,9)
```
#bb4e02
```
#bb4e02 rgb(187,78,2)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#716055 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7029 Protanopia 1% of men
#8c6b1c Deuteranopia 1% of men
#ac555a Tritanopia 0.001% of the population

Trichromacy

#8b6523 Protanomaly 1% of men, 0.01% of women
#95621a Deuteranomaly 6% of men, 0.4% of women
#a95442 Tritanomaly 0.01% of the population

#a55218 hex color

#a55218 Color Information

#a55218 Color Conversion

Color Schemes with #a55218

Alternatives to #a55218

#a55218 Preview

Shades and Tints of #a55218

Tones of #a55218

Color Blindness Simulator