#a55700 hex color

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

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

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

The hexadecimal color #a55700 has RGB values of R:165, G:87, B:0 and CMYK values of C:0, M:0.47, Y:1, K:0.35. Its decimal value is 10835712.

Hex triplet	a55700	`#a55700`
RGB Decimal	165, 87, 0	`rgb(165,87,0)`
RGB Percent	64.7, 34.1, 0	`rgb(64.7%,34.1%,0%)`
CMYK	0, 47, 100, 35
HSL	31.6°, 100, 32.4	`hsl(31.6,100%,32.4%)`
HSV (or HSB)	31.6°, 100, 64.7
Web Safe	996600	`#996600`

CIE-LAB	45.383, 27.391, 54.293
XYZ	18.926, 14.817, 1.863
xyY	0.532, 0.416, 14.817
CIE-LCH	45.383, 60.811, 63.229
CIE-LUV	45.383, 64.266, 42.512
Hunter-Lab	38.493, 20.399, 24.075
Binary	10100101, 01010111, 00000000

#a55700
```
#a55700 rgb(165,87,0)
```
#004ea5
```
#004ea5 rgb(0,78,165)
```

Complementary Color

#a50500
```
#a50500 rgb(165,5,0)
```
#a55700
```
#a55700 rgb(165,87,0)
```
#a1a500
```
#a1a500 rgb(161,165,0)
```

Analogous Color

#0500a5
```
#0500a5 rgb(5,0,165)
```
#a55700
```
#a55700 rgb(165,87,0)
```
#00a1a5
```
#00a1a5 rgb(0,161,165)
```

Split Complementary Color

#5700a5
```
#5700a5 rgb(87,0,165)
```
#a55700
```
#a55700 rgb(165,87,0)
```
#00a557
```
#00a557 rgb(0,165,87)
```

Triadic Color

#a5004e
```
#a5004e rgb(165,0,78)
```
#a55700
```
#a55700 rgb(165,87,0)
```
#00a557
```
#00a557 rgb(0,165,87)
```
#004ea5
```
#004ea5 rgb(0,78,165)
```

Tetradic Color

#592f00
```
#592f00 rgb(89,47,0)
```
#723c00
```
#723c00 rgb(114,60,0)
```
#8c4a00
```
#8c4a00 rgb(140,74,0)
```
#a55700
```
#a55700 rgb(165,87,0)
```
#bf6400
```
#bf6400 rgb(191,100,0)
```
#d87200
```
#d87200 rgb(216,114,0)
```
#f27f00
```
#f27f00 rgb(242,127,0)
```

Monochromatic Color

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

#a52e00
```
#a52e00 rgb(165,46,0)
```
#a53c00
```
#a53c00 rgb(165,60,0)
```
#a54900
```
#a54900 rgb(165,73,0)
```
#a55700
```
#a55700 rgb(165,87,0)
```
#a56500
```
#a56500 rgb(165,101,0)
```
#a57300
```
#a57300 rgb(165,115,0)
```
#a58000
```
#a58000 rgb(165,128,0)
```

Similar Colors

Text with hexadecimal color #a55700

This text has a font color of #a55700.

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

#a55700 background color

This paragraph has a background color of #a55700.

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

#a55700 border color

This element has a border color of #a55700.

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

CSS codes

.text {color:#a55700;}

.background {background-color:#a55700;}

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

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 #fffaf3 is the lightest one.

#080400
```
#080400 rgb(8,4,0)
```
#1c0f00
```
#1c0f00 rgb(28,15,0)
```
#2f1900
```
#2f1900 rgb(47,25,0)
```
#432300
```
#432300 rgb(67,35,0)
```
#572e00
```
#572e00 rgb(87,46,0)
```
#6a3800
```
#6a3800 rgb(106,56,0)
```
#7e4200
```
#7e4200 rgb(126,66,0)
```
#914d00
```
#914d00 rgb(145,77,0)
```
#a55700
```
#a55700 rgb(165,87,0)
```
#b96100
```
#b96100 rgb(185,97,0)
```
#cc6c00
```
#cc6c00 rgb(204,108,0)
```
#e07600
```
#e07600 rgb(224,118,0)
```
#f38000
```
#f38000 rgb(243,128,0)
```

Shade Color Variation

#ff8a08
```
#ff8a08 rgb(255,138,8)
```
#ff941c
```
#ff941c rgb(255,148,28)
```
#ff9d2f
```
#ff9d2f rgb(255,157,47)
```
#ffa643
```
#ffa643 rgb(255,166,67)
```
#ffaf57
```
#ffaf57 rgb(255,175,87)
```
#ffb96a
```
#ffb96a rgb(255,185,106)
```
#ffc27e
```
#ffc27e rgb(255,194,126)
```
#ffcb91
```
#ffcb91 rgb(255,203,145)
```
#ffd4a5
```
#ffd4a5 rgb(255,212,165)
```
#ffdeb9
```
#ffdeb9 rgb(255,222,185)
```
#ffe7cc
```
#ffe7cc rgb(255,231,204)
```
#fff0e0
```
#fff0e0 rgb(255,240,224)
```
#fffaf3
```
#fffaf3 rgb(255,250,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 #a55700 is the most saturated one.

#59534c
```
#59534c rgb(89,83,76)
```
#5f5346
```
#5f5346 rgb(95,83,70)
```
#66543f
```
#66543f rgb(102,84,63)
```
#6c5439
```
#6c5439 rgb(108,84,57)
```
#725433
```
#725433 rgb(114,84,51)
```
#79552c
```
#79552c rgb(121,85,44)
```
#7f5526
```
#7f5526 rgb(127,85,38)
```
#855520
```
#855520 rgb(133,85,32)
```
#8c5619
```
#8c5619 rgb(140,86,25)
```
#925613
```
#925613 rgb(146,86,19)
```
#98560d
```
#98560d rgb(152,86,13)
```
#9f5706
```
#9f5706 rgb(159,87,6)
```
#a55700
```
#a55700 rgb(165,87,0)
```

Tone Color Variation

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

Dichromacy

#817310 Protanopia 1% of men
#8f6d00 Deuteranopia 1% of men
#ac595f Tritanopia 0.001% of the population

Trichromacy

#8e690a Protanomaly 1% of men, 0.01% of women
#976500 Deuteranomaly 6% of men, 0.4% of women
#a9583c Tritanomaly 0.01% of the population

#a55700 hex color

#a55700 Color Information

#a55700 Color Conversion

Color Schemes with #a55700

Alternatives to #a55700

#a55700 Preview

Shades and Tints of #a55700

Tones of #a55700

Color Blindness Simulator