#af6f4a hex color

In a RGB color space, hex #af6f4a is composed of 68.6% red, 43.5% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.6% magenta, 57.7% yellow and 31.4% black. It has a hue angle of 22 degrees, a saturation of 40.6% and a lightness of 48.8%. #af6f4a color hex could be obtained by blending #ffde94 with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 44
- B 29
RGB color chart
- C 0
- M 37
- Y 58
- K 31
CMYK color chart

● #af6f4a color description : Dark moderate orange.

The hexadecimal color #af6f4a has RGB values of R:175, G:111, B:74 and CMYK values of C:0, M:0.37, Y:0.58, K:0.31. Its decimal value is 11497290.

Hex triplet	af6f4a	`#af6f4a`
RGB Decimal	175, 111, 74	`rgb(175,111,74)`
RGB Percent	68.6, 43.5, 29	`rgb(68.6%,43.5%,29%)`
CMYK	0, 37, 58, 31
HSL	22°, 40.6, 48.8	`hsl(22,40.6%,48.8%)`
HSV (or HSB)	22°, 57.7, 68.6
Web Safe	996633	`#996633`

CIE-LAB	52.926, 21.545, 30.975
XYZ	24.6, 20.979, 9.232
xyY	0.449, 0.383, 20.979
CIE-LCH	52.926, 37.732, 55.179
CIE-LUV	52.926, 48.367, 31.761
Hunter-Lab	45.803, 15.716, 20.111
Binary	10101111, 01101111, 01001010

#af6f4a
```
#af6f4a rgb(175,111,74)
```
#4a8aaf
```
#4a8aaf rgb(74,138,175)
```

Complementary Color

#af4a58
```
#af4a58 rgb(175,74,88)
```
#af6f4a
```
#af6f4a rgb(175,111,74)
```
#afa24a
```
#afa24a rgb(175,162,74)
```

Analogous Color

#4a58af
```
#4a58af rgb(74,88,175)
```
#af6f4a
```
#af6f4a rgb(175,111,74)
```
#4aafa2
```
#4aafa2 rgb(74,175,162)
```

Split Complementary Color

#6f4aaf
```
#6f4aaf rgb(111,74,175)
```
#af6f4a
```
#af6f4a rgb(175,111,74)
```
#4aaf6f
```
#4aaf6f rgb(74,175,111)
```

Triadic Color

#af4a8a
```
#af4a8a rgb(175,74,138)
```
#af6f4a
```
#af6f4a rgb(175,111,74)
```
#4aaf6f
```
#4aaf6f rgb(74,175,111)
```
#4a8aaf
```
#4a8aaf rgb(74,138,175)
```

Tetradic Color

#794d33
```
#794d33 rgb(121,77,51)
```
#8b583b
```
#8b583b rgb(139,88,59)
```
#9d6442
```
#9d6442 rgb(157,100,66)
```
#af6f4a
```
#af6f4a rgb(175,111,74)
```
#b97c59
```
#b97c59 rgb(185,124,89)
```
#c18b6b
```
#c18b6b rgb(193,139,107)
```
#c8997d
```
#c8997d rgb(200,153,125)
```

Monochromatic Color

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

#af564a
```
#af564a rgb(175,86,74)
```
#af5e4a
```
#af5e4a rgb(175,94,74)
```
#af674a
```
#af674a rgb(175,103,74)
```
#af6f4a
```
#af6f4a rgb(175,111,74)
```
#af774a
```
#af774a rgb(175,119,74)
```
#af804a
```
#af804a rgb(175,128,74)
```
#af884a
```
#af884a rgb(175,136,74)
```

Similar Colors

Text with hexadecimal color #af6f4a

This text has a font color of #af6f4a.

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

#af6f4a background color

This paragraph has a background color of #af6f4a.

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

#af6f4a border color

This element has a border color of #af6f4a.

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

CSS codes

.text {color:#af6f4a;}

.background {background-color:#af6f4a;}

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

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

#0a0604
```
#0a0604 rgb(10,6,4)
```
#170f0a
```
#170f0a rgb(23,15,10)
```
#251810
```
#251810 rgb(37,24,16)
```
#332016
```
#332016 rgb(51,32,22)
```
#41291b
```
#41291b rgb(65,41,27)
```
#4e3221
```
#4e3221 rgb(78,50,33)
```
#5c3b27
```
#5c3b27 rgb(92,59,39)
```
#6a432d
```
#6a432d rgb(106,67,45)
```
#784c33
```
#784c33 rgb(120,76,51)
```
#865539
```
#865539 rgb(134,85,57)
```
#935e3e
```
#935e3e rgb(147,94,62)
```
#a16644
```
#a16644 rgb(161,102,68)
```
#af6f4a
```
#af6f4a rgb(175,111,74)
```

Shade Color Variation

#b77955
```
#b77955 rgb(183,121,85)
```
#bd8463
```
#bd8463 rgb(189,132,99)
```
#c38f71
```
#c38f71 rgb(195,143,113)
```
#c99a7f
```
#c99a7f rgb(201,154,127)
```
#cfa58c
```
#cfa58c rgb(207,165,140)
```
#d4b09a
```
#d4b09a rgb(212,176,154)
```
#dabaa8
```
#dabaa8 rgb(218,186,168)
```
#e0c5b6
```
#e0c5b6 rgb(224,197,182)
```
#e6d0c4
```
#e6d0c4 rgb(230,208,196)
```
#ecdbd1
```
#ecdbd1 rgb(236,219,209)
```
#f2e6df
```
#f2e6df rgb(242,230,223)
```
#f7f1ed
```
#f7f1ed rgb(247,241,237)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#7f7c7a
```
#7f7c7a rgb(127,124,122)
```
#897970
```
#897970 rgb(137,121,112)
```
#927767
```
#927767 rgb(146,119,103)
```
#9c745d
```
#9c745d rgb(156,116,93)
```
#a57254
```
#a57254 rgb(165,114,84)
```
#af6f4a
```
#af6f4a rgb(175,111,74)
```
#b96c40
```
#b96c40 rgb(185,108,64)
```
#c26a37
```
#c26a37 rgb(194,106,55)
```
#cc672d
```
#cc672d rgb(204,103,45)
```
#d56524
```
#d56524 rgb(213,101,36)
```
#df621a
```
#df621a rgb(223,98,26)
```
#e86011
```
#e86011 rgb(232,96,17)
```
#f25d07
```
#f25d07 rgb(242,93,7)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#887b74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908458 Protanopia 1% of men
#a07f50 Deuteranopia 1% of men
#b67179 Tritanopia 0.001% of the population

Trichromacy

#9b7c53 Protanomaly 1% of men, 0.01% of women
#a5794e Deuteranomaly 6% of men, 0.4% of women
#b37068 Tritanomaly 0.01% of the population

#af6f4a hex color

#af6f4a Color Information

#af6f4a Color Conversion

Color Schemes with #af6f4a

Alternatives to #af6f4a

#af6f4a Preview

Shades and Tints of #af6f4a

Tones of #af6f4a

Color Blindness Simulator