#ad690f hex color

In a RGB color space, hex #ad690f is composed of 67.8% red, 41.2% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.3% magenta, 91.3% yellow and 32.2% black. It has a hue angle of 34.2 degrees, a saturation of 84% and a lightness of 36.9%. #ad690f color hex could be obtained by blending #ffd21e with #5b0000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 68
- G 41
- B 6
RGB color chart
- C 0
- M 39
- Y 91
- K 32
CMYK color chart

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

The hexadecimal color #ad690f has RGB values of R:173, G:105, B:15 and CMYK values of C:0, M:0.39, Y:0.91, K:0.32. Its decimal value is 11364623.

Hex triplet	ad690f	`#ad690f`
RGB Decimal	173, 105, 15	`rgb(173,105,15)`
RGB Percent	67.8, 41.2, 5.9	`rgb(67.8%,41.2%,5.9%)`
CMYK	0, 39, 91, 32
HSL	34.2°, 84, 36.9	`hsl(34.2,84%,36.9%)`
HSV (or HSB)	34.2°, 91.3, 67.8
Web Safe	996600	`#996600`

CIE-LAB	50.715, 21.152, 54.986
XYZ	22.372, 19.024, 2.946
xyY	0.505, 0.429, 19.024
CIE-LCH	50.715, 58.914, 68.959
CIE-LUV	50.715, 55.939, 47.806
Hunter-Lab	43.616, 15.23, 26.527
Binary	10101101, 01101001, 00001111

#ad690f
```
#ad690f rgb(173,105,15)
```
#0f53ad
```
#0f53ad rgb(15,83,173)
```

Complementary Color

#ad1a0f
```
#ad1a0f rgb(173,26,15)
```
#ad690f
```
#ad690f rgb(173,105,15)
```
#a2ad0f
```
#a2ad0f rgb(162,173,15)
```

Analogous Color

#1a0fad
```
#1a0fad rgb(26,15,173)
```
#ad690f
```
#ad690f rgb(173,105,15)
```
#0fa2ad
```
#0fa2ad rgb(15,162,173)
```

Split Complementary Color

#690fad
```
#690fad rgb(105,15,173)
```
#ad690f
```
#ad690f rgb(173,105,15)
```
#0fad69
```
#0fad69 rgb(15,173,105)
```

Triadic Color

#ad0f53
```
#ad0f53 rgb(173,15,83)
```
#ad690f
```
#ad690f rgb(173,105,15)
```
#0fad69
```
#0fad69 rgb(15,173,105)
```
#0f53ad
```
#0f53ad rgb(15,83,173)
```

Tetradic Color

#673e09
```
#673e09 rgb(103,62,9)
```
#7e4d0b
```
#7e4d0b rgb(126,77,11)
```
#965b0d
```
#965b0d rgb(150,91,13)
```
#ad690f
```
#ad690f rgb(173,105,15)
```
#c47711
```
#c47711 rgb(196,119,17)
```
#dc8513
```
#dc8513 rgb(220,133,19)
```
#eb931d
```
#eb931d rgb(235,147,29)
```

Monochromatic Color

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

#ad420f
```
#ad420f rgb(173,66,15)
```
#ad4f0f
```
#ad4f0f rgb(173,79,15)
```
#ad5c0f
```
#ad5c0f rgb(173,92,15)
```
#ad690f
```
#ad690f rgb(173,105,15)
```
#ad760f
```
#ad760f rgb(173,118,15)
```
#ad830f
```
#ad830f rgb(173,131,15)
```
#ad910f
```
#ad910f rgb(173,145,15)
```

Similar Colors

Text with hexadecimal color #ad690f

This text has a font color of #ad690f.

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

#ad690f background color

This paragraph has a background color of #ad690f.

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

#ad690f border color

This element has a border color of #ad690f.

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

CSS codes

.text {color:#ad690f;}

.background {background-color:#ad690f;}

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

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

#0b0601
```
#0b0601 rgb(11,6,1)
```
#1d1102
```
#1d1102 rgb(29,17,2)
```
#2f1c04
```
#2f1c04 rgb(47,28,4)
```
#412706
```
#412706 rgb(65,39,6)
```
#533207
```
#533207 rgb(83,50,7)
```
#653d09
```
#653d09 rgb(101,61,9)
```
#77480a
```
#77480a rgb(119,72,10)
```
#89530c
```
#89530c rgb(137,83,12)
```
#9b5e0d
```
#9b5e0d rgb(155,94,13)
```
#ad690f
```
#ad690f rgb(173,105,15)
```
#bf7411
```
#bf7411 rgb(191,116,17)
```
#d17f12
```
#d17f12 rgb(209,127,18)
```
#e38a14
```
#e38a14 rgb(227,138,20)
```

Shade Color Variation

#ec931f
```
#ec931f rgb(236,147,31)
```
#ed9c31
```
#ed9c31 rgb(237,156,49)
```
#efa543
```
#efa543 rgb(239,165,67)
```
#f0ad55
```
#f0ad55 rgb(240,173,85)
```
#f2b667
```
#f2b667 rgb(242,182,103)
```
#f3bf79
```
#f3bf79 rgb(243,191,121)
```
#f5c78b
```
#f5c78b rgb(245,199,139)
```
#f7d09d
```
#f7d09d rgb(247,208,157)
```
#f8d9af
```
#f8d9af rgb(248,217,175)
```
#fae1c1
```
#fae1c1 rgb(250,225,193)
```
#fbead3
```
#fbead3 rgb(251,234,211)
```
#fdf3e5
```
#fdf3e5 rgb(253,243,229)
```
#fefbf7
```
#fefbf7 rgb(254,251,247)
```

Tint Color Variation

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

#655f57
```
#655f57 rgb(101,95,87)
```
#6c6050
```
#6c6050 rgb(108,96,80)
```
#736149
```
#736149 rgb(115,97,73)
```
#7a6242
```
#7a6242 rgb(122,98,66)
```
#82633a
```
#82633a rgb(130,99,58)
```
#896433
```
#896433 rgb(137,100,51)
```
#90652c
```
#90652c rgb(144,101,44)
```
#976625
```
#976625 rgb(151,102,37)
```
#9f671d
```
#9f671d rgb(159,103,29)
```
#a66816
```
#a66816 rgb(166,104,22)
```
#ad690f
```
#ad690f rgb(173,105,15)
```
#b46a08
```
#b46a08 rgb(180,106,8)
```
#bb6b01
```
#bb6b01 rgb(187,107,1)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#7f715f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e7f1f Protanopia 1% of men
#9f7913 Deuteranopia 1% of men
#b56970 Tritanopia 0.001% of the population

Trichromacy

#997719 Protanomaly 1% of men, 0.01% of women
#a47312 Deuteranomaly 6% of men, 0.4% of women
#b2694d Tritanomaly 0.01% of the population

#ad690f hex color

#ad690f Color Information

#ad690f Color Conversion

Color Schemes with #ad690f

Alternatives to #ad690f

#ad690f Preview

Shades and Tints of #ad690f

Tones of #ad690f

Color Blindness Simulator