#ad7b18 hex color

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

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

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

The hexadecimal color #ad7b18 has RGB values of R:173, G:123, B:24 and CMYK values of C:0, M:0.29, Y:0.86, K:0.32. Its decimal value is 11369240.

Hex triplet	ad7b18	`#ad7b18`
RGB Decimal	173, 123, 24	`rgb(173,123,24)`
RGB Percent	67.8, 48.2, 9.4	`rgb(67.8%,48.2%,9.4%)`
CMYK	0, 29, 86, 32
HSL	39.9°, 75.6, 38.6	`hsl(39.9,75.6%,38.6%)`
HSV (or HSB)	39.9°, 86.1, 67.8
Web Safe	996600	`#996600`

CIE-LAB	55.193, 11.263, 56.057
XYZ	24.482, 23.118, 4.037
xyY	0.474, 0.448, 23.118
CIE-LCH	55.193, 57.178, 78.639
CIE-LUV	55.193, 41.335, 53.377
Hunter-Lab	48.081, 6.748, 28.679
Binary	10101101, 01111011, 00011000

#ad7b18
```
#ad7b18 rgb(173,123,24)
```
#184aad
```
#184aad rgb(24,74,173)
```

Complementary Color

#ad3118
```
#ad3118 rgb(173,49,24)
```
#ad7b18
```
#ad7b18 rgb(173,123,24)
```
#95ad18
```
#95ad18 rgb(149,173,24)
```

Analogous Color

#3118ad
```
#3118ad rgb(49,24,173)
```
#ad7b18
```
#ad7b18 rgb(173,123,24)
```
#1895ad
```
#1895ad rgb(24,149,173)
```

Split Complementary Color

#7b18ad
```
#7b18ad rgb(123,24,173)
```
#ad7b18
```
#ad7b18 rgb(173,123,24)
```
#18ad7b
```
#18ad7b rgb(24,173,123)
```

Triadic Color

#ad184a
```
#ad184a rgb(173,24,74)
```
#ad7b18
```
#ad7b18 rgb(173,123,24)
```
#18ad7b
```
#18ad7b rgb(24,173,123)
```
#184aad
```
#184aad rgb(24,74,173)
```

Tetradic Color

#6a4b0f
```
#6a4b0f rgb(106,75,15)
```
#805b12
```
#805b12 rgb(128,91,18)
```
#976b15
```
#976b15 rgb(151,107,21)
```
#ad7b18
```
#ad7b18 rgb(173,123,24)
```
#c38b1b
```
#c38b1b rgb(195,139,27)
```
#da9b1e
```
#da9b1e rgb(218,155,30)
```
#e2a62f
```
#e2a62f rgb(226,166,47)
```

Monochromatic Color

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

#ad5618
```
#ad5618 rgb(173,86,24)
```
#ad6218
```
#ad6218 rgb(173,98,24)
```
#ad6f18
```
#ad6f18 rgb(173,111,24)
```
#ad7b18
```
#ad7b18 rgb(173,123,24)
```
#ad8718
```
#ad8718 rgb(173,135,24)
```
#ad9418
```
#ad9418 rgb(173,148,24)
```
#ada018
```
#ada018 rgb(173,160,24)
```

Similar Colors

Text with hexadecimal color #ad7b18

This text has a font color of #ad7b18.

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

#ad7b18 background color

This paragraph has a background color of #ad7b18.

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

#ad7b18 border color

This element has a border color of #ad7b18.

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

CSS codes

.text {color:#ad7b18;}

.background {background-color:#ad7b18;}

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

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)
```
#231905
```
#231905 rgb(35,25,5)
```
#342507
```
#342507 rgb(52,37,7)
```
#46320a
```
#46320a rgb(70,50,10)
```
#573e0c
```
#573e0c rgb(87,62,12)
```
#684a0e
```
#684a0e rgb(104,74,14)
```
#795611
```
#795611 rgb(121,86,17)
```
#8b6313
```
#8b6313 rgb(139,99,19)
```
#9c6f16
```
#9c6f16 rgb(156,111,22)
```
#ad7b18
```
#ad7b18 rgb(173,123,24)
```
#be871a
```
#be871a rgb(190,135,26)
```
#cf931d
```
#cf931d rgb(207,147,29)
```

Shade Color Variation

#e0a020
```
#e0a020 rgb(224,160,32)
```
#e2a731
```
#e2a731 rgb(226,167,49)
```
#e5ae42
```
#e5ae42 rgb(229,174,66)
```
#e7b653
```
#e7b653 rgb(231,182,83)
```
#eabd65
```
#eabd65 rgb(234,189,101)
```
#ecc476
```
#ecc476 rgb(236,196,118)
```
#eecc87
```
#eecc87 rgb(238,204,135)
```
#f1d398
```
#f1d398 rgb(241,211,152)
```
#f3daaa
```
#f3daaa rgb(243,218,170)
```
#f6e2bb
```
#f6e2bb rgb(246,226,187)
```
#f8e9cc
```
#f8e9cc rgb(248,233,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 #c48201 is the most saturated one.

#69655c
```
#69655c rgb(105,101,92)
```
#706755
```
#706755 rgb(112,103,85)
```
#786a4d
```
#786a4d rgb(120,106,77)
```
#806c45
```
#806c45 rgb(128,108,69)
```
#876f3e
```
#876f3e rgb(135,111,62)
```
#8f7136
```
#8f7136 rgb(143,113,54)
```
#96742f
```
#96742f rgb(150,116,47)
```
#9e7627
```
#9e7627 rgb(158,118,39)
```
#a57920
```
#a57920 rgb(165,121,32)
```
#ad7b18
```
#ad7b18 rgb(173,123,24)
```
#b57d10
```
#b57d10 rgb(181,125,16)
```
#bc8009
```
#bc8009 rgb(188,128,9)
```
#c48201
```
#c48201 rgb(196,130,1)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#887e6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8a26 Protanopia 1% of men
#ac8322 Deuteranopia 1% of men
#b77981 Tritanopia 0.001% of the population

Trichromacy

#a18521 Protanomaly 1% of men, 0.01% of women
#ac801e Deuteranomaly 6% of men, 0.4% of women
#b37a5b Tritanomaly 0.01% of the population

#ad7b18 hex color

#ad7b18 Color Information

#ad7b18 Color Conversion

Color Schemes with #ad7b18

Alternatives to #ad7b18

#ad7b18 Preview

Shades and Tints of #ad7b18

Tones of #ad7b18

Color Blindness Simulator