#ad7f18 hex color

In a RGB color space, hex #ad7f18 is composed of 67.8% red, 49.8% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.6% magenta, 86.1% yellow and 32.2% black. It has a hue angle of 41.5 degrees, a saturation of 75.6% and a lightness of 38.6%. #ad7f18 color hex could be obtained by blending #fffe30 with #5b0000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 68
- G 50
- B 9
RGB color chart
- C 0
- M 27
- Y 86
- K 32
CMYK color chart

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

The hexadecimal color #ad7f18 has RGB values of R:173, G:127, B:24 and CMYK values of C:0, M:0.27, Y:0.86, K:0.32. Its decimal value is 11370264.

Hex triplet	ad7f18	`#ad7f18`
RGB Decimal	173, 127, 24	`rgb(173,127,24)`
RGB Percent	67.8, 49.8, 9.4	`rgb(67.8%,49.8%,9.4%)`
CMYK	0, 27, 86, 32
HSL	41.5°, 75.6, 38.6	`hsl(41.5,75.6%,38.6%)`
HSV (or HSB)	41.5°, 86.1, 67.8
Web Safe	996600	`#996600`

CIE-LAB	56.218, 9.025, 56.908
XYZ	24.988, 24.13, 4.206
xyY	0.469, 0.453, 24.13
CIE-LCH	56.218, 57.619, 80.989
CIE-LUV	56.218, 38.236, 54.954
Hunter-Lab	49.123, 4.837, 29.31
Binary	10101101, 01111111, 00011000

#ad7f18
```
#ad7f18 rgb(173,127,24)
```
#1846ad
```
#1846ad rgb(24,70,173)
```

Complementary Color

#ad3518
```
#ad3518 rgb(173,53,24)
```
#ad7f18
```
#ad7f18 rgb(173,127,24)
```
#91ad18
```
#91ad18 rgb(145,173,24)
```

Analogous Color

#3518ad
```
#3518ad rgb(53,24,173)
```
#ad7f18
```
#ad7f18 rgb(173,127,24)
```
#1891ad
```
#1891ad rgb(24,145,173)
```

Split Complementary Color

#7f18ad
```
#7f18ad rgb(127,24,173)
```
#ad7f18
```
#ad7f18 rgb(173,127,24)
```
#18ad7f
```
#18ad7f rgb(24,173,127)
```

Triadic Color

#ad1846
```
#ad1846 rgb(173,24,70)
```
#ad7f18
```
#ad7f18 rgb(173,127,24)
```
#18ad7f
```
#18ad7f rgb(24,173,127)
```
#1846ad
```
#1846ad rgb(24,70,173)
```

Tetradic Color

#6a4e0f
```
#6a4e0f rgb(106,78,15)
```
#805e12
```
#805e12 rgb(128,94,18)
```
#976f15
```
#976f15 rgb(151,111,21)
```
#ad7f18
```
#ad7f18 rgb(173,127,24)
```
#c38f1b
```
#c38f1b rgb(195,143,27)
```
#daa01e
```
#daa01e rgb(218,160,30)
```
#e2ab2f
```
#e2ab2f rgb(226,171,47)
```

Monochromatic Color

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

#ad5a18
```
#ad5a18 rgb(173,90,24)
```
#ad6618
```
#ad6618 rgb(173,102,24)
```
#ad7318
```
#ad7318 rgb(173,115,24)
```
#ad7f18
```
#ad7f18 rgb(173,127,24)
```
#ad8b18
```
#ad8b18 rgb(173,139,24)
```
#ad9818
```
#ad9818 rgb(173,152,24)
```
#ada418
```
#ada418 rgb(173,164,24)
```

Similar Colors

Text with hexadecimal color #ad7f18

This text has a font color of #ad7f18.

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

#ad7f18 background color

This paragraph has a background color of #ad7f18.

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

#ad7f18 border color

This element has a border color of #ad7f18.

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

CSS codes

.text {color:#ad7f18;}

.background {background-color:#ad7f18;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#120d02
```
#120d02 rgb(18,13,2)
```
#231a05
```
#231a05 rgb(35,26,5)
```
#342607
```
#342607 rgb(52,38,7)
```
#46330a
```
#46330a rgb(70,51,10)
```
#57400c
```
#57400c rgb(87,64,12)
```
#684c0e
```
#684c0e rgb(104,76,14)
```
#795911
```
#795911 rgb(121,89,17)
```
#8b6613
```
#8b6613 rgb(139,102,19)
```
#9c7216
```
#9c7216 rgb(156,114,22)
```
#ad7f18
```
#ad7f18 rgb(173,127,24)
```
#be8c1a
```
#be8c1a rgb(190,140,26)
```
#cf981d
```
#cf981d rgb(207,152,29)
```

Shade Color Variation

#e0a520
```
#e0a520 rgb(224,165,32)
```
#e2ac31
```
#e2ac31 rgb(226,172,49)
```
#e5b342
```
#e5b342 rgb(229,179,66)
```
#e7ba53
```
#e7ba53 rgb(231,186,83)
```
#eac165
```
#eac165 rgb(234,193,101)
```
#ecc876
```
#ecc876 rgb(236,200,118)
```
#eecf87
```
#eecf87 rgb(238,207,135)
```
#f1d598
```
#f1d598 rgb(241,213,152)
```
#f3dcaa
```
#f3dcaa rgb(243,220,170)
```
#f6e3bb
```
#f6e3bb rgb(246,227,187)
```
#f8eacc
```
#f8eacc rgb(248,234,204)
```
#faf1dd
```
#faf1dd rgb(250,241,221)
```
#fdf8ef
```
#fdf8ef rgb(253,248,239)
```

Tint Color Variation

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

#69655c
```
#69655c rgb(105,101,92)
```
#706855
```
#706855 rgb(112,104,85)
```
#786b4d
```
#786b4d rgb(120,107,77)
```
#806e45
```
#806e45 rgb(128,110,69)
```
#87713e
```
#87713e rgb(135,113,62)
```
#8f7336
```
#8f7336 rgb(143,115,54)
```
#96762f
```
#96762f rgb(150,118,47)
```
#9e7927
```
#9e7927 rgb(158,121,39)
```
#a57c20
```
#a57c20 rgb(165,124,32)
```
#ad7f18
```
#ad7f18 rgb(173,127,24)
```
#b58210
```
#b58210 rgb(181,130,16)
```
#bc8509
```
#bc8509 rgb(188,133,9)
```
#c48801
```
#c48801 rgb(196,136,1)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#8a816c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8d26 Protanopia 1% of men
#af8623 Deuteranopia 1% of men
#b77d85 Tritanopia 0.001% of the population

Trichromacy

#a38820 Protanomaly 1% of men, 0.01% of women
#ae831f Deuteranomaly 6% of men, 0.4% of women
#b37d5d Tritanomaly 0.01% of the population

#ad7f18 hex color

#ad7f18 Color Information

#ad7f18 Color Conversion

Color Schemes with #ad7f18

Alternatives to #ad7f18

#ad7f18 Preview

Shades and Tints of #ad7f18

Tones of #ad7f18

Color Blindness Simulator