colorhexa.com

#ad5f1a hex color

In a RGB color space, hex #ad5f1a is composed of 67.8% red, 37.3% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.1% magenta, 85% yellow and 32.2% black. It has a hue angle of 28.2 degrees, a saturation of 73.9% and a lightness of 39%. #ad5f1a color hex could be obtained by blending #ffbe34 with #5b0000. Closest websafe color is: #996633.

- R 68
- G 37
- B 10
RGB color chart
- C 0
- M 45
- Y 85
- K 32
CMYK color chart

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

The hexadecimal color #ad5f1a has RGB values of R:173, G:95, B:26 and CMYK values of C:0, M:0.45, Y:0.85, K:0.32. Its decimal value is 11362074.

Hex triplet	ad5f1a	`#ad5f1a`
RGB Decimal	173, 95, 26	`rgb(173,95,26)`
RGB Percent	67.8, 37.3, 10.2	`rgb(67.8%,37.3%,10.2%)`
CMYK	0, 45, 85, 32
HSL	28.2°, 73.9, 39	`hsl(28.2,73.9%,39%)`
HSV (or HSB)	28.2°, 85, 67.8
Web Safe	996633	`#996633`

CIE-LAB	48.442, 26.944, 49.687
XYZ	21.513, 17.145, 3.154
xyY	0.515, 0.41, 17.145
CIE-LCH	48.442, 56.522, 61.53
CIE-LUV	48.442, 63.476, 42.299
Hunter-Lab	41.407, 20.279, 24.469
Binary	10101101, 01011111, 00011010

#ad5f1a
```
#ad5f1a rgb(173,95,26)
```
#1a68ad
```
#1a68ad rgb(26,104,173)
```

Complementary Color

#ad1a1f
```
#ad1a1f rgb(173,26,31)
```
#ad5f1a
```
#ad5f1a rgb(173,95,26)
```
#ada91a
```
#ada91a rgb(173,169,26)
```

Analogous Color

#1a1fad
```
#1a1fad rgb(26,31,173)
```
#ad5f1a
```
#ad5f1a rgb(173,95,26)
```
#1aada9
```
#1aada9 rgb(26,173,169)
```

Split Complementary Color

#5f1aad
```
#5f1aad rgb(95,26,173)
```
#ad5f1a
```
#ad5f1a rgb(173,95,26)
```
#1aad5f
```
#1aad5f rgb(26,173,95)
```

Triadic Color

#ad1a68
```
#ad1a68 rgb(173,26,104)
```
#ad5f1a
```
#ad5f1a rgb(173,95,26)
```
#1aad5f
```
#1aad5f rgb(26,173,95)
```
#1a68ad
```
#1a68ad rgb(26,104,173)
```

Tetradic Color

#6a3a10
```
#6a3a10 rgb(106,58,16)
```
#814713
```
#814713 rgb(129,71,19)
```
#975317
```
#975317 rgb(151,83,23)
```
#ad5f1a
```
#ad5f1a rgb(173,95,26)
```
#c36b1d
```
#c36b1d rgb(195,107,29)
```
#d97721
```
#d97721 rgb(217,119,33)
```
#e08433
```
#e08433 rgb(224,132,51)
```

Monochromatic Color

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

#ad3a1a
```
#ad3a1a rgb(173,58,26)
```
#ad471a
```
#ad471a rgb(173,71,26)
```
#ad531a
```
#ad531a rgb(173,83,26)
```
#ad5f1a
```
#ad5f1a rgb(173,95,26)
```
#ad6b1a
```
#ad6b1a rgb(173,107,26)
```
#ad781a
```
#ad781a rgb(173,120,26)
```
#ad841a
```
#ad841a rgb(173,132,26)
```

Similar Colors

Text with hexadecimal color #ad5f1a

This text has a font color of #ad5f1a.

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

#ad5f1a background color

This paragraph has a background color of #ad5f1a.

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

#ad5f1a border color

This element has a border color of #ad5f1a.

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

CSS codes

.text {color:#ad5f1a;}

.background {background-color:#ad5f1a;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#140b03
```
#140b03 rgb(20,11,3)
```
#251405
```
#251405 rgb(37,20,5)
```
#361d08
```
#361d08 rgb(54,29,8)
```
#47270b
```
#47270b rgb(71,39,11)
```
#58300d
```
#58300d rgb(88,48,13)
```
#693a10
```
#693a10 rgb(105,58,16)
```
#7a4312
```
#7a4312 rgb(122,67,18)
```
#8b4c15
```
#8b4c15 rgb(139,76,21)
```
#9c5617
```
#9c5617 rgb(156,86,23)
```
#ad5f1a
```
#ad5f1a rgb(173,95,26)
```
#be681d
```
#be681d rgb(190,104,29)
```
#cf721f
```
#cf721f rgb(207,114,31)
```

Shade Color Variation

#de7b24
```
#de7b24 rgb(222,123,36)
```
#e18535
```
#e18535 rgb(225,133,53)
```
#e39046
```
#e39046 rgb(227,144,70)
```
#e69a57
```
#e69a57 rgb(230,154,87)
```
#e8a468
```
#e8a468 rgb(232,164,104)
```
#ebae79
```
#ebae79 rgb(235,174,121)
```
#edb98a
```
#edb98a rgb(237,185,138)
```
#f0c39b
```
#f0c39b rgb(240,195,155)
```
#f3cdac
```
#f3cdac rgb(243,205,172)
```
#f5d7bd
```
#f5d7bd rgb(245,215,189)
```
#f8e2ce
```
#f8e2ce rgb(248,226,206)
```
#faecdf
```
#faecdf rgb(250,236,223)
```
#fdf6f0
```
#fdf6f0 rgb(253,246,240)
```

Tint Color Variation

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

#68635f
```
#68635f rgb(104,99,95)
```
#706357
```
#706357 rgb(112,99,87)
```
#776250
```
#776250 rgb(119,98,80)
```
#7f6248
```
#7f6248 rgb(127,98,72)
```
#876140
```
#876140 rgb(135,97,64)
```
#8e6139
```
#8e6139 rgb(142,97,57)
```
#966031
```
#966031 rgb(150,96,49)
```
#9e6029
```
#9e6029 rgb(158,96,41)
```
#a55f22
```
#a55f22 rgb(165,95,34)
```
#ad5f1a
```
#ad5f1a rgb(173,95,26)
```
#b55f12
```
#b55f12 rgb(181,95,18)
```
#bc5e0b
```
#bc5e0b rgb(188,94,11)
```
#c45e03
```
#c45e03 rgb(196,94,3)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#7b6b5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#887a2a Protanopia 1% of men
#98741f Deuteranopia 1% of men
#b46167 Tritanopia 0.001% of the population

Trichromacy

#957024 Protanomaly 1% of men, 0.01% of women
#9f6c1d Deuteranomaly 6% of men, 0.4% of women
#b1604b Tritanomaly 0.01% of the population