#af9f74 hex color

In a RGB color space, hex #af9f74 is composed of 68.6% red, 62.4% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.1% magenta, 33.7% yellow and 31.4% black. It has a hue angle of 43.7 degrees, a saturation of 26.9% and a lightness of 57.1%. #af9f74 color hex could be obtained by blending #ffffe8 with #5f3f00. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 62
- B 45
RGB color chart
- C 0
- M 9
- Y 34
- K 31
CMYK color chart

● #af9f74 color description : Mostly desaturated dark orange.

The hexadecimal color #af9f74 has RGB values of R:175, G:159, B:116 and CMYK values of C:0, M:0.09, Y:0.34, K:0.31. Its decimal value is 11509620.

Hex triplet	af9f74	`#af9f74`
RGB Decimal	175, 159, 116	`rgb(175,159,116)`
RGB Percent	68.6, 62.4, 45.5	`rgb(68.6%,62.4%,45.5%)`
CMYK	0, 9, 34, 31
HSL	43.7°, 26.9, 57.1	`hsl(43.7,26.9%,57.1%)`
HSV (or HSB)	43.7°, 33.7, 68.6
Web Safe	999966	`#999966`

CIE-LAB	65.882, -0.707, 24.604
XYZ	33.229, 35.172, 21.56
xyY	0.369, 0.391, 35.172
CIE-LCH	65.882, 24.614, 91.645
CIE-LUV	65.882, 12.558, 32.326
Hunter-Lab	59.306, -3.771, 19.959
Binary	10101111, 10011111, 01110100

#af9f74
```
#af9f74 rgb(175,159,116)
```
#7484af
```
#7484af rgb(116,132,175)
```

Complementary Color

#af8274
```
#af8274 rgb(175,130,116)
```
#af9f74
```
#af9f74 rgb(175,159,116)
```
#a2af74
```
#a2af74 rgb(162,175,116)
```

Analogous Color

#8274af
```
#8274af rgb(130,116,175)
```
#af9f74
```
#af9f74 rgb(175,159,116)
```
#74a2af
```
#74a2af rgb(116,162,175)
```

Split Complementary Color

#9f74af
```
#9f74af rgb(159,116,175)
```
#af9f74
```
#af9f74 rgb(175,159,116)
```
#74af9f
```
#74af9f rgb(116,175,159)
```

Triadic Color

#af7484
```
#af7484 rgb(175,116,132)
```
#af9f74
```
#af9f74 rgb(175,159,116)
```
#74af9f
```
#74af9f rgb(116,175,159)
```
#7484af
```
#7484af rgb(116,132,175)
```

Tetradic Color

#88784e
```
#88784e rgb(136,120,78)
```
#988758
```
#988758 rgb(152,135,88)
```
#a69464
```
#a69464 rgb(166,148,100)
```
#af9f74
```
#af9f74 rgb(175,159,116)
```
#b8aa84
```
#b8aa84 rgb(184,170,132)
```
#c2b594
```
#c2b594 rgb(194,181,148)
```
#cbc1a5
```
#cbc1a5 rgb(203,193,165)
```

Monochromatic Color

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

#af9074
```
#af9074 rgb(175,144,116)
```
#af9574
```
#af9574 rgb(175,149,116)
```
#af9a74
```
#af9a74 rgb(175,154,116)
```
#af9f74
```
#af9f74 rgb(175,159,116)
```
#afa474
```
#afa474 rgb(175,164,116)
```
#afa974
```
#afa974 rgb(175,169,116)
```
#afae74
```
#afae74 rgb(175,174,116)
```

Similar Colors

Text with hexadecimal color #af9f74

This text has a font color of #af9f74.

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

#af9f74 background color

This paragraph has a background color of #af9f74.

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

#af9f74 border color

This element has a border color of #af9f74.

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

CSS codes

.text {color:#af9f74;}

.background {background-color:#af9f74;}

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

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

#0a0906
```
#0a0906 rgb(10,9,6)
```
#17140d
```
#17140d rgb(23,20,13)
```
#231f14
```
#231f14 rgb(35,31,20)
```
#302a1b
```
#302a1b rgb(48,42,27)
```
#3c3523
```
#3c3523 rgb(60,53,35)
```
#49402a
```
#49402a rgb(73,64,42)
```
#554b31
```
#554b31 rgb(85,75,49)
```
#625638
```
#625638 rgb(98,86,56)
```
#6e613f
```
#6e613f rgb(110,97,63)
```
#7a6c46
```
#7a6c46 rgb(122,108,70)
```
#87774e
```
#87774e rgb(135,119,78)
```
#938255
```
#938255 rgb(147,130,85)
```
#a08d5c
```
#a08d5c rgb(160,141,92)
```

Shade Color Variation

#a89668
```
#a89668 rgb(168,150,104)
```
#af9f74
```
#af9f74 rgb(175,159,116)
```
#b6a880
```
#b6a880 rgb(182,168,128)
```
#bdb08d
```
#bdb08d rgb(189,176,141)
```
#c4b999
```
#c4b999 rgb(196,185,153)
```
#ccc1a6
```
#ccc1a6 rgb(204,193,166)
```
#d3cab2
```
#d3cab2 rgb(211,202,178)
```
#dad3bf
```
#dad3bf rgb(218,211,191)
```
#e1dbcb
```
#e1dbcb rgb(225,219,203)
```
#e8e4d8
```
#e8e4d8 rgb(232,228,216)
```
#efece4
```
#efece4 rgb(239,236,228)
```
#f7f5f0
```
#f7f5f0 rgb(247,245,240)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#96938d
```
#96938d rgb(150,147,141)
```
#9e9785
```
#9e9785 rgb(158,151,133)
```
#a79b7c
```
#a79b7c rgb(167,155,124)
```
#af9f74
```
#af9f74 rgb(175,159,116)
```
#b7a36c
```
#b7a36c rgb(183,163,108)
```
#c0a763
```
#c0a763 rgb(192,167,99)
```
#c8ab5b
```
#c8ab5b rgb(200,171,91)
```
#d1ae52
```
#d1ae52 rgb(209,174,82)
```
#d9b24a
```
#d9b24a rgb(217,178,74)
```
#e2b641
```
#e2b641 rgb(226,182,65)
```
#eaba39
```
#eaba39 rgb(234,186,57)
```
#f2be31
```
#f2be31 rgb(242,190,49)
```
#fbc228
```
#fbc228 rgb(251,194,40)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a29f96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0a47b Protanopia 1% of men
#c19e7c Deuteranopia 1% of men
#b99da8 Tritanopia 0.001% of the population

Trichromacy

#b0a278 Protanomaly 1% of men, 0.01% of women
#ba9e79 Deuteranomaly 6% of men, 0.4% of women
#b59e95 Tritanomaly 0.01% of the population

#af9f74 hex color

#af9f74 Color Information

#af9f74 Color Conversion

Color Schemes with #af9f74

Alternatives to #af9f74

#af9f74 Preview

Shades and Tints of #af9f74

Tones of #af9f74

Color Blindness Simulator