#af8774 hex color

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

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

● #af8774 color description : Mostly desaturated dark orange.

The hexadecimal color #af8774 has RGB values of R:175, G:135, B:116 and CMYK values of C:0, M:0.23, Y:0.34, K:0.31. Its decimal value is 11503476.

Hex triplet	af8774	`#af8774`
RGB Decimal	175, 135, 116	`rgb(175,135,116)`
RGB Percent	68.6, 52.9, 45.5	`rgb(68.6%,52.9%,45.5%)`
CMYK	0, 23, 34, 31
HSL	19.3°, 26.9, 57.1	`hsl(19.3,26.9%,57.1%)`
HSV (or HSB)	19.3°, 33.7, 68.6
Web Safe	999966	`#999966`

CIE-LAB	59.62, 12.563, 16.095
XYZ	29.495, 27.704, 20.316
xyY	0.381, 0.357, 27.704
CIE-LCH	59.62, 20.418, 52.026
CIE-LUV	59.62, 27.379, 18.927
Hunter-Lab	52.635, 7.918, 13.96
Binary	10101111, 10000111, 01110100

#af8774
```
#af8774 rgb(175,135,116)
```
#749caf
```
#749caf rgb(116,156,175)
```

Complementary Color

#af747f
```
#af747f rgb(175,116,127)
```
#af8774
```
#af8774 rgb(175,135,116)
```
#afa574
```
#afa574 rgb(175,165,116)
```

Analogous Color

#747faf
```
#747faf rgb(116,127,175)
```
#af8774
```
#af8774 rgb(175,135,116)
```
#74afa5
```
#74afa5 rgb(116,175,165)
```

Split Complementary Color

#8774af
```
#8774af rgb(135,116,175)
```
#af8774
```
#af8774 rgb(175,135,116)
```
#74af87
```
#74af87 rgb(116,175,135)
```

Triadic Color

#af749c
```
#af749c rgb(175,116,156)
```
#af8774
```
#af8774 rgb(175,135,116)
```
#74af87
```
#74af87 rgb(116,175,135)
```
#749caf
```
#749caf rgb(116,156,175)
```

Tetradic Color

#88614e
```
#88614e rgb(136,97,78)
```
#986c58
```
#986c58 rgb(152,108,88)
```
#a67964
```
#a67964 rgb(166,121,100)
```
#af8774
```
#af8774 rgb(175,135,116)
```
#b89584
```
#b89584 rgb(184,149,132)
```
#c2a394
```
#c2a394 rgb(194,163,148)
```
#cbb1a5
```
#cbb1a5 rgb(203,177,165)
```

Monochromatic Color

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

#af7874
```
#af7874 rgb(175,120,116)
```
#af7d74
```
#af7d74 rgb(175,125,116)
```
#af8274
```
#af8274 rgb(175,130,116)
```
#af8774
```
#af8774 rgb(175,135,116)
```
#af8c74
```
#af8c74 rgb(175,140,116)
```
#af9174
```
#af9174 rgb(175,145,116)
```
#af9674
```
#af9674 rgb(175,150,116)
```

Similar Colors

Text with hexadecimal color #af8774

This text has a font color of #af8774.

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

#af8774 background color

This paragraph has a background color of #af8774.

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

#af8774 border color

This element has a border color of #af8774.

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

CSS codes

.text {color:#af8774;}

.background {background-color:#af8774;}

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

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

#0a0706
```
#0a0706 rgb(10,7,6)
```
#17100d
```
#17100d rgb(23,16,13)
```
#231914
```
#231914 rgb(35,25,20)
```
#30221b
```
#30221b rgb(48,34,27)
```
#3c2b23
```
#3c2b23 rgb(60,43,35)
```
#49342a
```
#49342a rgb(73,52,42)
```
#553d31
```
#553d31 rgb(85,61,49)
```
#624538
```
#624538 rgb(98,69,56)
```
#6e4e3f
```
#6e4e3f rgb(110,78,63)
```
#7a5746
```
#7a5746 rgb(122,87,70)
```
#87604e
```
#87604e rgb(135,96,78)
```
#936955
```
#936955 rgb(147,105,85)
```
#a0725c
```
#a0725c rgb(160,114,92)
```

Shade Color Variation

#a87c68
```
#a87c68 rgb(168,124,104)
```
#af8774
```
#af8774 rgb(175,135,116)
```
#b69280
```
#b69280 rgb(182,146,128)
```
#bd9c8d
```
#bd9c8d rgb(189,156,141)
```
#c4a799
```
#c4a799 rgb(196,167,153)
```
#ccb2a6
```
#ccb2a6 rgb(204,178,166)
```
#d3bdb2
```
#d3bdb2 rgb(211,189,178)
```
#dac7bf
```
#dac7bf rgb(218,199,191)
```
#e1d2cb
```
#e1d2cb rgb(225,210,203)
```
#e8ddd8
```
#e8ddd8 rgb(232,221,216)
```
#efe8e4
```
#efe8e4 rgb(239,232,228)
```
#f7f2f0
```
#f7f2f0 rgb(247,242,240)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#96908d
```
#96908d rgb(150,144,141)
```
#9e8d85
```
#9e8d85 rgb(158,141,133)
```
#a78a7c
```
#a78a7c rgb(167,138,124)
```
#af8774
```
#af8774 rgb(175,135,116)
```
#b7846c
```
#b7846c rgb(183,132,108)
```
#c08163
```
#c08163 rgb(192,129,99)
```
#c87e5b
```
#c87e5b rgb(200,126,91)
```
#d17b52
```
#d17b52 rgb(209,123,82)
```
#d9784a
```
#d9784a rgb(217,120,74)
```
#e27541
```
#e27541 rgb(226,117,65)
```
#ea7239
```
#ea7239 rgb(234,114,57)
```
#f26f31
```
#f26f31 rgb(242,111,49)
```
#fb6c28
```
#fb6c28 rgb(251,108,40)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#978f8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d957e Protanopia 1% of men
#ac8f7a Deuteranopia 1% of men
#b58993 Tritanopia 0.001% of the population

Trichromacy

#a38f7a Protanomaly 1% of men, 0.01% of women
#ad8c78 Deuteranomaly 6% of men, 0.4% of women
#b38887 Tritanomaly 0.01% of the population

#af8774 hex color

#af8774 Color Information

#af8774 Color Conversion

Color Schemes with #af8774

Alternatives to #af8774

#af8774 Preview

Shades and Tints of #af8774

Tones of #af8774

Color Blindness Simulator