#a55318 hex color

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

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

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

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

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

CIE-LAB	44.594, 30.017, 46.685
XYZ	18.776, 14.254, 2.627
xyY	0.527, 0.4, 14.254
CIE-LCH	44.594, 55.502, 57.26
CIE-LUV	44.594, 66.376, 37.77
Hunter-Lab	37.754, 22.703, 22.303
Binary	10100101, 01010011, 00011000

#a55318
```
#a55318 rgb(165,83,24)
```
#186aa5
```
#186aa5 rgb(24,106,165)
```

Complementary Color

#a51824
```
#a51824 rgb(165,24,36)
```
#a55318
```
#a55318 rgb(165,83,24)
```
#a59a18
```
#a59a18 rgb(165,154,24)
```

Analogous Color

#1824a5
```
#1824a5 rgb(24,36,165)
```
#a55318
```
#a55318 rgb(165,83,24)
```
#18a59a
```
#18a59a rgb(24,165,154)
```

Split Complementary Color

#5318a5
```
#5318a5 rgb(83,24,165)
```
#a55318
```
#a55318 rgb(165,83,24)
```
#18a553
```
#18a553 rgb(24,165,83)
```

Triadic Color

#a5186a
```
#a5186a rgb(165,24,106)
```
#a55318
```
#a55318 rgb(165,83,24)
```
#18a553
```
#18a553 rgb(24,165,83)
```
#186aa5
```
#186aa5 rgb(24,106,165)
```

Tetradic Color

#62310e
```
#62310e rgb(98,49,14)
```
#783d12
```
#783d12 rgb(120,61,18)
```
#8f4815
```
#8f4815 rgb(143,72,21)
```
#a55318
```
#a55318 rgb(165,83,24)
```
#bb5e1b
```
#bb5e1b rgb(187,94,27)
```
#d2691e
```
#d2691e rgb(210,105,30)
```
#e0762a
```
#e0762a rgb(224,118,42)
```

Monochromatic Color

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

#a53018
```
#a53018 rgb(165,48,24)
```
#a53c18
```
#a53c18 rgb(165,60,24)
```
#a54718
```
#a54718 rgb(165,71,24)
```
#a55318
```
#a55318 rgb(165,83,24)
```
#a55f18
```
#a55f18 rgb(165,95,24)
```
#a56b18
```
#a56b18 rgb(165,107,24)
```
#a57618
```
#a57618 rgb(165,118,24)
```

Similar Colors

Text with hexadecimal color #a55318

This text has a font color of #a55318.

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

#a55318 background color

This paragraph has a background color of #a55318.

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

#a55318 border color

This element has a border color of #a55318.

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

CSS codes

.text {color:#a55318;}

.background {background-color:#a55318;}

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

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)
```
#2d1707
```
#2d1707 rgb(45,23,7)
```
#3e1f09
```
#3e1f09 rgb(62,31,9)
```
#4f280c
```
#4f280c rgb(79,40,12)
```
#61310e
```
#61310e rgb(97,49,14)
```
#723911
```
#723911 rgb(114,57,17)
```
#834213
```
#834213 rgb(131,66,19)
```
#944a16
```
#944a16 rgb(148,74,22)
```
#a55318
```
#a55318 rgb(165,83,24)
```
#b65c1a
```
#b65c1a rgb(182,92,26)
```
#c7641d
```
#c7641d rgb(199,100,29)
```
#d86d1f
```
#d86d1f rgb(216,109,31)
```

Shade Color Variation

#e0772b
```
#e0772b rgb(224,119,43)
```
#e3823c
```
#e3823c rgb(227,130,60)
```
#e58d4e
```
#e58d4e rgb(229,141,78)
```
#e8985f
```
#e8985f rgb(232,152,95)
```
#eaa370
```
#eaa370 rgb(234,163,112)
```
#edae81
```
#edae81 rgb(237,174,129)
```
#efb992
```
#efb992 rgb(239,185,146)
```
#f2c4a3
```
#f2c4a3 rgb(242,196,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 #bb4f02 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)
```
#81593c
```
#81593c rgb(129,89,60)
```
#885835
```
#885835 rgb(136,88,53)
```
#8f572e
```
#8f572e rgb(143,87,46)
```
#965527
```
#965527 rgb(150,85,39)
```
#9e541f
```
#9e541f rgb(158,84,31)
```
#a55318
```
#a55318 rgb(165,83,24)
```
#ac5211
```
#ac5211 rgb(172,82,17)
```
#b45109
```
#b45109 rgb(180,81,9)
```
#bb4f02
```
#bb4f02 rgb(187,79,2)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#726156 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7129 Protanopia 1% of men
#8d6b1c Deuteranopia 1% of men
#ac565b Tritanopia 0.001% of the population

Trichromacy

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

#a55318 hex color

#a55318 Color Information

#a55318 Color Conversion

Color Schemes with #a55318

Alternatives to #a55318

#a55318 Preview

Shades and Tints of #a55318

Tones of #a55318

Color Blindness Simulator