#ad742a hex color

In a RGB color space, hex #ad742a is composed of 67.8% red, 45.5% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.9% magenta, 75.7% yellow and 32.2% black. It has a hue angle of 33.9 degrees, a saturation of 60.9% and a lightness of 42.2%. #ad742a color hex could be obtained by blending #ffe854 with #5b0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 68
- G 45
- B 16
RGB color chart
- C 0
- M 33
- Y 76
- K 32
CMYK color chart

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

The hexadecimal color #ad742a has RGB values of R:173, G:116, B:42 and CMYK values of C:0, M:0.33, Y:0.76, K:0.32. Its decimal value is 11367466.

Hex triplet	ad742a	`#ad742a`
RGB Decimal	173, 116, 42	`rgb(173,116,42)`
RGB Percent	67.8, 45.5, 16.5	`rgb(67.8%,45.5%,16.5%)`
CMYK	0, 33, 76, 32
HSL	33.9°, 60.9, 42.2	`hsl(33.9,60.9%,42.2%)`
HSV (or HSB)	33.9°, 75.7, 67.8
Web Safe	996633	`#996633`

CIE-LAB	53.54, 15.839, 47.848
XYZ	23.897, 21.544, 5.09
xyY	0.473, 0.426, 21.544
CIE-LCH	53.54, 50.402, 71.684
CIE-LUV	53.54, 45.926, 46.496
Hunter-Lab	46.415, 10.676, 25.989
Binary	10101101, 01110100, 00101010

#ad742a
```
#ad742a rgb(173,116,42)
```
#2a63ad
```
#2a63ad rgb(42,99,173)
```

Complementary Color

#ad332a
```
#ad332a rgb(173,51,42)
```
#ad742a
```
#ad742a rgb(173,116,42)
```
#a5ad2a
```
#a5ad2a rgb(165,173,42)
```

Analogous Color

#332aad
```
#332aad rgb(51,42,173)
```
#ad742a
```
#ad742a rgb(173,116,42)
```
#2aa5ad
```
#2aa5ad rgb(42,165,173)
```

Split Complementary Color

#742aad
```
#742aad rgb(116,42,173)
```
#ad742a
```
#ad742a rgb(173,116,42)
```
#2aad74
```
#2aad74 rgb(42,173,116)
```

Triadic Color

#ad2a63
```
#ad2a63 rgb(173,42,99)
```
#ad742a
```
#ad742a rgb(173,116,42)
```
#2aad74
```
#2aad74 rgb(42,173,116)
```
#2a63ad
```
#2a63ad rgb(42,99,173)
```

Tetradic Color

#6f4b1b
```
#6f4b1b rgb(111,75,27)
```
#845820
```
#845820 rgb(132,88,32)
```
#986625
```
#986625 rgb(152,102,37)
```
#ad742a
```
#ad742a rgb(173,116,42)
```
#c2822f
```
#c2822f rgb(194,130,47)
```
#cf8f3b
```
#cf8f3b rgb(207,143,59)
```
#d49a4f
```
#d49a4f rgb(212,154,79)
```

Monochromatic Color

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

#ad532a
```
#ad532a rgb(173,83,42)
```
#ad5e2a
```
#ad5e2a rgb(173,94,42)
```
#ad692a
```
#ad692a rgb(173,105,42)
```
#ad742a
```
#ad742a rgb(173,116,42)
```
#ad7f2a
```
#ad7f2a rgb(173,127,42)
```
#ad8a2a
```
#ad8a2a rgb(173,138,42)
```
#ad952a
```
#ad952a rgb(173,149,42)
```

Similar Colors

Text with hexadecimal color #ad742a

This text has a font color of #ad742a.

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

#ad742a background color

This paragraph has a background color of #ad742a.

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

#ad742a border color

This element has a border color of #ad742a.

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

CSS codes

.text {color:#ad742a;}

.background {background-color:#ad742a;}

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

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, #0f0a04 is the darkest color, while #fffffe is the lightest one.

#0f0a04
```
#0f0a04 rgb(15,10,4)
```
#1f1508
```
#1f1508 rgb(31,21,8)
```
#2f1f0b
```
#2f1f0b rgb(47,31,11)
```
#3f2a0f
```
#3f2a0f rgb(63,42,15)
```
#4e3513
```
#4e3513 rgb(78,53,19)
```
#5e3f17
```
#5e3f17 rgb(94,63,23)
```
#6e4a1b
```
#6e4a1b rgb(110,74,27)
```
#7e541f
```
#7e541f rgb(126,84,31)
```
#8d5f22
```
#8d5f22 rgb(141,95,34)
```
#9d6926
```
#9d6926 rgb(157,105,38)
```
#ad742a
```
#ad742a rgb(173,116,42)
```
#bd7f2e
```
#bd7f2e rgb(189,127,46)
```
#cd8932
```
#cd8932 rgb(205,137,50)
```

Shade Color Variation

#d19241
```
#d19241 rgb(209,146,65)
```
#d59b51
```
#d59b51 rgb(213,155,81)
```
#d9a461
```
#d9a461 rgb(217,164,97)
```
#dcad70
```
#dcad70 rgb(220,173,112)
```
#e0b680
```
#e0b680 rgb(224,182,128)
```
#e4bf90
```
#e4bf90 rgb(228,191,144)
```
#e8c8a0
```
#e8c8a0 rgb(232,200,160)
```
#ecd1af
```
#ecd1af rgb(236,209,175)
```
#f0dbbf
```
#f0dbbf rgb(240,219,191)
```
#f3e4cf
```
#f3e4cf rgb(243,228,207)
```
#f7eddf
```
#f7eddf rgb(247,237,223)
```
#fbf6ef
```
#fbf6ef rgb(251,246,239)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#736c64
```
#736c64 rgb(115,108,100)
```
#7b6e5c
```
#7b6e5c rgb(123,110,92)
```
#846f53
```
#846f53 rgb(132,111,83)
```
#8c704b
```
#8c704b rgb(140,112,75)
```
#947143
```
#947143 rgb(148,113,67)
```
#9c723b
```
#9c723b rgb(156,114,59)
```
#a57332
```
#a57332 rgb(165,115,50)
```
#ad742a
```
#ad742a rgb(173,116,42)
```
#b57522
```
#b57522 rgb(181,117,34)
```
#be7619
```
#be7619 rgb(190,118,25)
```
#c67711
```
#c67711 rgb(198,119,17)
```
#ce7809
```
#ce7809 rgb(206,120,9)
```
#d67901
```
#d67901 rgb(214,121,1)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#877b6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#958638 Protanopia 1% of men
#a68033 Deuteranopia 1% of men
#b5747b Tritanopia 0.001% of the population

Trichromacy

#9d7f33 Protanomaly 1% of men, 0.01% of women
#a87b2f Deuteranomaly 6% of men, 0.4% of women
#b2745e Tritanomaly 0.01% of the population

#ad742a hex color

#ad742a Color Information

#ad742a Color Conversion

Color Schemes with #ad742a

Alternatives to #ad742a

#ad742a Preview

Shades and Tints of #ad742a

Tones of #ad742a

Color Blindness Simulator