#a55500 hex color

In a RGB color space, hex #a55500 is composed of 64.7% red, 33.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.5% magenta, 100% yellow and 35.3% black. It has a hue angle of 30.9 degrees, a saturation of 100% and a lightness of 32.4%. #a55500 color hex could be obtained by blending #ffaa00 with #4b0000. Closest websafe color is: #996600.

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

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

The hexadecimal color #a55500 has RGB values of R:165, G:85, B:0 and CMYK values of C:0, M:0.48, Y:1, K:0.35. Its decimal value is 10835200.

Hex triplet	a55500	`#a55500`
RGB Decimal	165, 85, 0	`rgb(165,85,0)`
RGB Percent	64.7, 33.3, 0	`rgb(64.7%,33.3%,0%)`
CMYK	0, 48, 100, 35
HSL	30.9°, 100, 32.4	`hsl(30.9,100%,32.4%)`
HSV (or HSB)	30.9°, 100, 64.7
Web Safe	996600	`#996600`

CIE-LAB	44.939, 28.482, 54.022
XYZ	18.766, 14.498, 1.81
xyY	0.535, 0.413, 14.498
CIE-LCH	44.939, 61.071, 62.201
CIE-LUV	44.939, 65.883, 41.823
Hunter-Lab	38.076, 21.342, 23.835
Binary	10100101, 01010101, 00000000

#a55500
```
#a55500 rgb(165,85,0)
```
#0050a5
```
#0050a5 rgb(0,80,165)
```

Complementary Color

#a50200
```
#a50200 rgb(165,2,0)
```
#a55500
```
#a55500 rgb(165,85,0)
```
#a3a500
```
#a3a500 rgb(163,165,0)
```

Analogous Color

#0200a5
```
#0200a5 rgb(2,0,165)
```
#a55500
```
#a55500 rgb(165,85,0)
```
#00a3a5
```
#00a3a5 rgb(0,163,165)
```

Split Complementary Color

#5500a5
```
#5500a5 rgb(85,0,165)
```
#a55500
```
#a55500 rgb(165,85,0)
```
#00a555
```
#00a555 rgb(0,165,85)
```

Triadic Color

#a50050
```
#a50050 rgb(165,0,80)
```
#a55500
```
#a55500 rgb(165,85,0)
```
#00a555
```
#00a555 rgb(0,165,85)
```
#0050a5
```
#0050a5 rgb(0,80,165)
```

Tetradic Color

#592e00
```
#592e00 rgb(89,46,0)
```
#723b00
```
#723b00 rgb(114,59,0)
```
#8c4800
```
#8c4800 rgb(140,72,0)
```
#a55500
```
#a55500 rgb(165,85,0)
```
#bf6200
```
#bf6200 rgb(191,98,0)
```
#d86f00
```
#d86f00 rgb(216,111,0)
```
#f27c00
```
#f27c00 rgb(242,124,0)
```

Monochromatic Color

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

#a52c00
```
#a52c00 rgb(165,44,0)
```
#a53a00
```
#a53a00 rgb(165,58,0)
```
#a54700
```
#a54700 rgb(165,71,0)
```
#a55500
```
#a55500 rgb(165,85,0)
```
#a56300
```
#a56300 rgb(165,99,0)
```
#a57100
```
#a57100 rgb(165,113,0)
```
#a57e00
```
#a57e00 rgb(165,126,0)
```

Similar Colors

Text with hexadecimal color #a55500

This text has a font color of #a55500.

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

#a55500 background color

This paragraph has a background color of #a55500.

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

#a55500 border color

This element has a border color of #a55500.

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

CSS codes

.text {color:#a55500;}

.background {background-color:#a55500;}

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

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

#080400
```
#080400 rgb(8,4,0)
```
#1c0e00
```
#1c0e00 rgb(28,14,0)
```
#2f1800
```
#2f1800 rgb(47,24,0)
```
#432200
```
#432200 rgb(67,34,0)
```
#572d00
```
#572d00 rgb(87,45,0)
```
#6a3700
```
#6a3700 rgb(106,55,0)
```
#7e4100
```
#7e4100 rgb(126,65,0)
```
#914b00
```
#914b00 rgb(145,75,0)
```
#a55500
```
#a55500 rgb(165,85,0)
```
#b95f00
```
#b95f00 rgb(185,95,0)
```
#cc6900
```
#cc6900 rgb(204,105,0)
```
#e07300
```
#e07300 rgb(224,115,0)
```
#f37d00
```
#f37d00 rgb(243,125,0)
```

Shade Color Variation

#ff8708
```
#ff8708 rgb(255,135,8)
```
#ff911c
```
#ff911c rgb(255,145,28)
```
#ff9a2f
```
#ff9a2f rgb(255,154,47)
```
#ffa443
```
#ffa443 rgb(255,164,67)
```
#ffad57
```
#ffad57 rgb(255,173,87)
```
#ffb76a
```
#ffb76a rgb(255,183,106)
```
#ffc07e
```
#ffc07e rgb(255,192,126)
```
#ffca91
```
#ffca91 rgb(255,202,145)
```
#ffd3a5
```
#ffd3a5 rgb(255,211,165)
```
#ffddb9
```
#ffddb9 rgb(255,221,185)
```
#ffe6cc
```
#ffe6cc rgb(255,230,204)
```
#fff0e0
```
#fff0e0 rgb(255,240,224)
```
#fff9f3
```
#fff9f3 rgb(255,249,243)
```

Tint Color Variation

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

#59534c
```
#59534c rgb(89,83,76)
```
#5f5346
```
#5f5346 rgb(95,83,70)
```
#66533f
```
#66533f rgb(102,83,63)
```
#6c5339
```
#6c5339 rgb(108,83,57)
```
#725333
```
#725333 rgb(114,83,51)
```
#79542c
```
#79542c rgb(121,84,44)
```
#7f5426
```
#7f5426 rgb(127,84,38)
```
#855420
```
#855420 rgb(133,84,32)
```
#8c5419
```
#8c5419 rgb(140,84,25)
```
#925413
```
#925413 rgb(146,84,19)
```
#98550d
```
#98550d rgb(152,85,13)
```
#9f5506
```
#9f5506 rgb(159,85,6)
```
#a55500
```
#a55500 rgb(165,85,0)
```

Tone Color Variation

Below, you can see how #a55500 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
#70604f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7210 Protanopia 1% of men
#8e6c00 Deuteranopia 1% of men
#ac575d Tritanopia 0.001% of the population

Trichromacy

#8d670a Protanomaly 1% of men, 0.01% of women
#966400 Deuteranomaly 6% of men, 0.4% of women
#a9563b Tritanomaly 0.01% of the population

#a55500 hex color

#a55500 Color Information

#a55500 Color Conversion

Color Schemes with #a55500

Alternatives to #a55500

#a55500 Preview

Shades and Tints of #a55500

Tones of #a55500

Color Blindness Simulator