#ad5a00 hex color

In a RGB color space, hex #ad5a00 is composed of 67.8% red, 35.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48% magenta, 100% yellow and 32.2% black. It has a hue angle of 31.2 degrees, a saturation of 100% and a lightness of 33.9%. #ad5a00 color hex could be obtained by blending #ffb400 with #5b0000. Closest websafe color is: #996600.

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

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

The hexadecimal color #ad5a00 has RGB values of R:173, G:90, B:0 and CMYK values of C:0, M:0.48, Y:1, K:0.32. Its decimal value is 11360768.

Hex triplet	ad5a00	`#ad5a00`
RGB Decimal	173, 90, 0	`rgb(173,90,0)`
RGB Percent	67.8, 35.3, 0	`rgb(67.8%,35.3%,0%)`
CMYK	0, 48, 100, 32
HSL	31.2°, 100, 33.9	`hsl(31.2,100%,33.9%)`
HSV (or HSB)	31.2°, 100, 67.8
Web Safe	996600	`#996600`

CIE-LAB	47.234, 29.186, 56.022
XYZ	20.891, 16.198, 2.027
xyY	0.534, 0.414, 16.198
CIE-LCH	47.234, 63.168, 62.482
CIE-LUV	47.234, 68.594, 44.038
Hunter-Lab	40.247, 22.218, 25.188
Binary	10101101, 01011010, 00000000

#ad5a00
```
#ad5a00 rgb(173,90,0)
```
#0053ad
```
#0053ad rgb(0,83,173)
```

Complementary Color

#ad0300
```
#ad0300 rgb(173,3,0)
```
#ad5a00
```
#ad5a00 rgb(173,90,0)
```
#aaad00
```
#aaad00 rgb(170,173,0)
```

Analogous Color

#0300ad
```
#0300ad rgb(3,0,173)
```
#ad5a00
```
#ad5a00 rgb(173,90,0)
```
#00aaad
```
#00aaad rgb(0,170,173)
```

Split Complementary Color

#5a00ad
```
#5a00ad rgb(90,0,173)
```
#ad5a00
```
#ad5a00 rgb(173,90,0)
```
#00ad5a
```
#00ad5a rgb(0,173,90)
```

Triadic Color

#ad0053
```
#ad0053 rgb(173,0,83)
```
#ad5a00
```
#ad5a00 rgb(173,90,0)
```
#00ad5a
```
#00ad5a rgb(0,173,90)
```
#0053ad
```
#0053ad rgb(0,83,173)
```

Tetradic Color

#613200
```
#613200 rgb(97,50,0)
```
#7a3f00
```
#7a3f00 rgb(122,63,0)
```
#944d00
```
#944d00 rgb(148,77,0)
```
#ad5a00
```
#ad5a00 rgb(173,90,0)
```
#c76700
```
#c76700 rgb(199,103,0)
```
#e07500
```
#e07500 rgb(224,117,0)
```
#fa8200
```
#fa8200 rgb(250,130,0)
```

Monochromatic Color

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

#ad2f00
```
#ad2f00 rgb(173,47,0)
```
#ad3d00
```
#ad3d00 rgb(173,61,0)
```
#ad4c00
```
#ad4c00 rgb(173,76,0)
```
#ad5a00
```
#ad5a00 rgb(173,90,0)
```
#ad6800
```
#ad6800 rgb(173,104,0)
```
#ad7700
```
#ad7700 rgb(173,119,0)
```
#ad8500
```
#ad8500 rgb(173,133,0)
```

Similar Colors

Text with hexadecimal color #ad5a00

This text has a font color of #ad5a00.

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

#ad5a00 background color

This paragraph has a background color of #ad5a00.

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

#ad5a00 border color

This element has a border color of #ad5a00.

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

CSS codes

.text {color:#ad5a00;}

.background {background-color:#ad5a00;}

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

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

#100800
```
#100800 rgb(16,8,0)
```
#241300
```
#241300 rgb(36,19,0)
```
#371d00
```
#371d00 rgb(55,29,0)
```
#4b2700
```
#4b2700 rgb(75,39,0)
```
#5f3100
```
#5f3100 rgb(95,49,0)
```
#723b00
```
#723b00 rgb(114,59,0)
```
#864600
```
#864600 rgb(134,70,0)
```
#995000
```
#995000 rgb(153,80,0)
```
#ad5a00
```
#ad5a00 rgb(173,90,0)
```
#c16400
```
#c16400 rgb(193,100,0)
```
#d46e00
```
#d46e00 rgb(212,110,0)
```
#e87900
```
#e87900 rgb(232,121,0)
```
#fb8300
```
#fb8300 rgb(251,131,0)
```

Shade Color Variation

#ff8c10
```
#ff8c10 rgb(255,140,16)
```
#ff9624
```
#ff9624 rgb(255,150,36)
```
#ff9f37
```
#ff9f37 rgb(255,159,55)
```
#ffa94b
```
#ffa94b rgb(255,169,75)
```
#ffb25f
```
#ffb25f rgb(255,178,95)
```
#ffbb72
```
#ffbb72 rgb(255,187,114)
```
#ffc586
```
#ffc586 rgb(255,197,134)
```
#ffce99
```
#ffce99 rgb(255,206,153)
```
#ffd8ad
```
#ffd8ad rgb(255,216,173)
```
#ffe1c1
```
#ffe1c1 rgb(255,225,193)
```
#ffead4
```
#ffead4 rgb(255,234,212)
```
#fff4e8
```
#fff4e8 rgb(255,244,232)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#5d5750
```
#5d5750 rgb(93,87,80)
```
#645749
```
#645749 rgb(100,87,73)
```
#6a5743
```
#6a5743 rgb(106,87,67)
```
#71583c
```
#71583c rgb(113,88,60)
```
#785835
```
#785835 rgb(120,88,53)
```
#7e582f
```
#7e582f rgb(126,88,47)
```
#855828
```
#855828 rgb(133,88,40)
```
#8c5921
```
#8c5921 rgb(140,89,33)
```
#92591b
```
#92591b rgb(146,89,27)
```
#995914
```
#995914 rgb(153,89,20)
```
#a0590d
```
#a0590d rgb(160,89,13)
```
#a65a07
```
#a65a07 rgb(166,90,7)
```
#ad5a00
```
#ad5a00 rgb(173,90,0)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#776654 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857711 Protanopia 1% of men
#957100 Deuteranopia 1% of men
#b45c61 Tritanopia 0.001% of the population

Trichromacy

#946c0a Protanomaly 1% of men, 0.01% of women
#9d6900 Deuteranomaly 6% of men, 0.4% of women
#b15b3e Tritanomaly 0.01% of the population

#ad5a00 hex color

#ad5a00 Color Information

#ad5a00 Color Conversion

Color Schemes with #ad5a00

Alternatives to #ad5a00

#ad5a00 Preview

Shades and Tints of #ad5a00

Tones of #ad5a00

Color Blindness Simulator