#af844f hex color

In a RGB color space, hex #af844f is composed of 68.6% red, 51.8% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.6% magenta, 54.9% yellow and 31.4% black. It has a hue angle of 33.1 degrees, a saturation of 37.8% and a lightness of 49.8%. #af844f color hex could be obtained by blending #ffff9e with #5f0900. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 52
- B 31
RGB color chart
- C 0
- M 25
- Y 55
- K 31
CMYK color chart

● #af844f color description : Dark moderate orange.

The hexadecimal color #af844f has RGB values of R:175, G:132, B:79 and CMYK values of C:0, M:0.25, Y:0.55, K:0.31. Its decimal value is 11502671.

Hex triplet	af844f	`#af844f`
RGB Decimal	175, 132, 79	`rgb(175,132,79)`
RGB Percent	68.6, 51.8, 31	`rgb(68.6%,51.8%,31%)`
CMYK	0, 25, 55, 31
HSL	33.1°, 37.8, 49.8	`hsl(33.1,37.8%,49.8%)`
HSV (or HSB)	33.1°, 54.9, 68.6
Web Safe	999966	`#999966`

CIE-LAB	58.21, 10.196, 34.771
XYZ	27.342, 26.182, 11.01
xyY	0.424, 0.406, 26.182
CIE-LCH	58.21, 36.235, 73.656
CIE-LUV	58.21, 32.943, 39.137
Hunter-Lab	51.169, 5.836, 23.06
Binary	10101111, 10000100, 01001111

#af844f
```
#af844f rgb(175,132,79)
```
#4f7aaf
```
#4f7aaf rgb(79,122,175)
```

Complementary Color

#af544f
```
#af544f rgb(175,84,79)
```
#af844f
```
#af844f rgb(175,132,79)
```
#aaaf4f
```
#aaaf4f rgb(170,175,79)
```

Analogous Color

#544faf
```
#544faf rgb(84,79,175)
```
#af844f
```
#af844f rgb(175,132,79)
```
#4faaaf
```
#4faaaf rgb(79,170,175)
```

Split Complementary Color

#844faf
```
#844faf rgb(132,79,175)
```
#af844f
```
#af844f rgb(175,132,79)
```
#4faf84
```
#4faf84 rgb(79,175,132)
```

Triadic Color

#af4f7a
```
#af4f7a rgb(175,79,122)
```
#af844f
```
#af844f rgb(175,132,79)
```
#4faf84
```
#4faf84 rgb(79,175,132)
```
#4f7aaf
```
#4f7aaf rgb(79,122,175)
```

Tetradic Color

#7a5c37
```
#7a5c37 rgb(122,92,55)
```
#8c693f
```
#8c693f rgb(140,105,63)
```
#9d7747
```
#9d7747 rgb(157,119,71)
```
#af844f
```
#af844f rgb(175,132,79)
```
#b79060
```
#b79060 rgb(183,144,96)
```
#bf9d72
```
#bf9d72 rgb(191,157,114)
```
#c7a983
```
#c7a983 rgb(199,169,131)
```

Monochromatic Color

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

#af6c4f
```
#af6c4f rgb(175,108,79)
```
#af744f
```
#af744f rgb(175,116,79)
```
#af7c4f
```
#af7c4f rgb(175,124,79)
```
#af844f
```
#af844f rgb(175,132,79)
```
#af8c4f
```
#af8c4f rgb(175,140,79)
```
#af944f
```
#af944f rgb(175,148,79)
```
#af9c4f
```
#af9c4f rgb(175,156,79)
```

Similar Colors

Text with hexadecimal color #af844f

This text has a font color of #af844f.

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

#af844f background color

This paragraph has a background color of #af844f.

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

#af844f border color

This element has a border color of #af844f.

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

CSS codes

.text {color:#af844f;}

.background {background-color:#af844f;}

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

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

#0d0a06
```
#0d0a06 rgb(13,10,6)
```
#1a140c
```
#1a140c rgb(26,20,12)
```
#281e12
```
#281e12 rgb(40,30,18)
```
#352818
```
#352818 rgb(53,40,24)
```
#43321e
```
#43321e rgb(67,50,30)
```
#503d24
```
#503d24 rgb(80,61,36)
```
#5e472a
```
#5e472a rgb(94,71,42)
```
#6b5130
```
#6b5130 rgb(107,81,48)
```
#795b37
```
#795b37 rgb(121,91,55)
```
#86653d
```
#86653d rgb(134,101,61)
```
#947043
```
#947043 rgb(148,112,67)
```
#a17a49
```
#a17a49 rgb(161,122,73)
```
#af844f
```
#af844f rgb(175,132,79)
```

Shade Color Variation

#b58d5c
```
#b58d5c rgb(181,141,92)
```
#bc976a
```
#bc976a rgb(188,151,106)
```
#c2a077
```
#c2a077 rgb(194,160,119)
```
#c8aa85
```
#c8aa85 rgb(200,170,133)
```
#ceb392
```
#ceb392 rgb(206,179,146)
```
#d4bda0
```
#d4bda0 rgb(212,189,160)
```
#dac6ad
```
#dac6ad rgb(218,198,173)
```
#e0cfbb
```
#e0cfbb rgb(224,207,187)
```
#e6d9c8
```
#e6d9c8 rgb(230,217,200)
```
#ece2d6
```
#ece2d6 rgb(236,226,214)
```
#f2ece3
```
#f2ece3 rgb(242,236,227)
```
#f9f5f1
```
#f9f5f1 rgb(249,245,241)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#888076
```
#888076 rgb(136,128,118)
```
#92816c
```
#92816c rgb(146,129,108)
```
#9b8263
```
#9b8263 rgb(155,130,99)
```
#a58359
```
#a58359 rgb(165,131,89)
```
#af844f
```
#af844f rgb(175,132,79)
```
#b98545
```
#b98545 rgb(185,133,69)
```
#c3863b
```
#c3863b rgb(195,134,59)
```
#cc8732
```
#cc8732 rgb(204,135,50)
```
#d68828
```
#d68828 rgb(214,136,40)
```
#e0891e
```
#e0891e rgb(224,137,30)
```
#ea8a14
```
#ea8a14 rgb(234,138,20)
```
#f38b0b
```
#f38b0b rgb(243,139,11)
```
#fd8c01
```
#fd8c01 rgb(253,140,1)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#928a7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f915a Protanopia 1% of men
#b08b57 Deuteranopia 1% of men
#b8838d Tritanopia 0.001% of the population

Trichromacy

#a48c56 Protanomaly 1% of men, 0.01% of women
#af8854 Deuteranomaly 6% of men, 0.4% of women
#b48376 Tritanomaly 0.01% of the population

#af844f hex color

#af844f Color Information

#af844f Color Conversion

Color Schemes with #af844f

Alternatives to #af844f

#af844f Preview

Shades and Tints of #af844f

Tones of #af844f

Color Blindness Simulator