#af8f2c hex color

In a RGB color space, hex #af8f2c is composed of 68.6% red, 56.1% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.3% magenta, 74.9% yellow and 31.4% black. It has a hue angle of 45.3 degrees, a saturation of 59.8% and a lightness of 42.9%. #af8f2c color hex could be obtained by blending #ffff58 with #5f1f00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 56
- B 17
RGB color chart
- C 0
- M 18
- Y 75
- K 31
CMYK color chart

● #af8f2c color description : Dark yellow [Olive tone].

The hexadecimal color #af8f2c has RGB values of R:175, G:143, B:44 and CMYK values of C:0, M:0.18, Y:0.75, K:0.31. Its decimal value is 11505452.

Hex triplet	af8f2c	`#af8f2c`
RGB Decimal	175, 143, 44	`rgb(175,143,44)`
RGB Percent	68.6, 56.1, 17.3	`rgb(68.6%,56.1%,17.3%)`
CMYK	0, 18, 75, 31
HSL	45.3°, 59.8, 42.9	`hsl(45.3,59.8%,42.9%)`
HSV (or HSB)	45.3°, 74.9, 68.6
Web Safe	999933	`#999933`

CIE-LAB	60.73, 1.787, 54.142
XYZ	27.957, 28.942, 6.497
xyY	0.441, 0.457, 28.942
CIE-LCH	60.73, 54.171, 88.11
CIE-LUV	60.73, 27.135, 57.278
Hunter-Lab	53.798, -1.386, 30.499
Binary	10101111, 10001111, 00101100

#af8f2c
```
#af8f2c rgb(175,143,44)
```
#2c4caf
```
#2c4caf rgb(44,76,175)
```

Complementary Color

#af4e2c
```
#af4e2c rgb(175,78,44)
```
#af8f2c
```
#af8f2c rgb(175,143,44)
```
#8eaf2c
```
#8eaf2c rgb(142,175,44)
```

Analogous Color

#4e2caf
```
#4e2caf rgb(78,44,175)
```
#af8f2c
```
#af8f2c rgb(175,143,44)
```
#2c8eaf
```
#2c8eaf rgb(44,142,175)
```

Split Complementary Color

#8f2caf
```
#8f2caf rgb(143,44,175)
```
#af8f2c
```
#af8f2c rgb(175,143,44)
```
#2caf8f
```
#2caf8f rgb(44,175,143)
```

Triadic Color

#af2c4c
```
#af2c4c rgb(175,44,76)
```
#af8f2c
```
#af8f2c rgb(175,143,44)
```
#2caf8f
```
#2caf8f rgb(44,175,143)
```
#2c4caf
```
#2c4caf rgb(44,76,175)
```

Tetradic Color

#725d1d
```
#725d1d rgb(114,93,29)
```
#866e22
```
#866e22 rgb(134,110,34)
```
#9b7e27
```
#9b7e27 rgb(155,126,39)
```
#af8f2c
```
#af8f2c rgb(175,143,44)
```
#c3a031
```
#c3a031 rgb(195,160,49)
```
#cfac3f
```
#cfac3f rgb(207,172,63)
```
#d4b554
```
#d4b554 rgb(212,181,84)
```

Monochromatic Color

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

#af6e2c
```
#af6e2c rgb(175,110,44)
```
#af792c
```
#af792c rgb(175,121,44)
```
#af842c
```
#af842c rgb(175,132,44)
```
#af8f2c
```
#af8f2c rgb(175,143,44)
```
#af9a2c
```
#af9a2c rgb(175,154,44)
```
#afa52c
```
#afa52c rgb(175,165,44)
```
#aeaf2c
```
#aeaf2c rgb(174,175,44)
```

Similar Colors

Text with hexadecimal color #af8f2c

This text has a font color of #af8f2c.

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

#af8f2c background color

This paragraph has a background color of #af8f2c.

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

#af8f2c border color

This element has a border color of #af8f2c.

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

CSS codes

.text {color:#af8f2c;}

.background {background-color:#af8f2c;}

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

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, #030201 is the darkest color, while #fcf9f2 is the lightest one.

#030201
```
#030201 rgb(3,2,1)
```
#120f05
```
#120f05 rgb(18,15,5)
```
#221c09
```
#221c09 rgb(34,28,9)
```
#32290c
```
#32290c rgb(50,41,12)
```
#413510
```
#413510 rgb(65,53,16)
```
#514214
```
#514214 rgb(81,66,20)
```
#614f18
```
#614f18 rgb(97,79,24)
```
#705c1c
```
#705c1c rgb(112,92,28)
```
#806920
```
#806920 rgb(128,105,32)
```
#907524
```
#907524 rgb(144,117,36)
```
#9f8228
```
#9f8228 rgb(159,130,40)
```
#af8f2c
```
#af8f2c rgb(175,143,44)
```
#bf9c30
```
#bf9c30 rgb(191,156,48)
```

Shade Color Variation

#cca836
```
#cca836 rgb(204,168,54)
```
#d0ae45
```
#d0ae45 rgb(208,174,69)
```
#d4b555
```
#d4b555 rgb(212,181,85)
```
#d8bc65
```
#d8bc65 rgb(216,188,101)
```
#dcc375
```
#dcc375 rgb(220,195,117)
```
#e0ca84
```
#e0ca84 rgb(224,202,132)
```
#e4d094
```
#e4d094 rgb(228,208,148)
```
#e8d7a4
```
#e8d7a4 rgb(232,215,164)
```
#ecdeb3
```
#ecdeb3 rgb(236,222,179)
```
#f0e5c3
```
#f0e5c3 rgb(240,229,195)
```
#f4ecd3
```
#f4ecd3 rgb(244,236,211)
```
#f8f3e2
```
#f8f3e2 rgb(248,243,226)
```
#fcf9f2
```
#fcf9f2 rgb(252,249,242)
```

Tint Color Variation

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

#747167
```
#747167 rgb(116,113,103)
```
#7c755f
```
#7c755f rgb(124,117,95)
```
#857956
```
#857956 rgb(133,121,86)
```
#8d7e4e
```
#8d7e4e rgb(141,126,78)
```
#968245
```
#968245 rgb(150,130,69)
```
#9e863d
```
#9e863d rgb(158,134,61)
```
#a78b34
```
#a78b34 rgb(167,139,52)
```
#af8f2c
```
#af8f2c rgb(175,143,44)
```
#b79324
```
#b79324 rgb(183,147,36)
```
#c0981b
```
#c0981b rgb(192,152,27)
```
#c89c13
```
#c89c13 rgb(200,156,19)
```
#d1a00a
```
#d1a00a rgb(209,160,10)
```
#d9a502
```
#d9a502 rgb(217,165,2)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#948d7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99837 Protanopia 1% of men
#bc9138 Deuteranopia 1% of men
#ba8b95 Tritanopia 0.001% of the population

Trichromacy

#ab9433 Protanomaly 1% of men, 0.01% of women
#b79034 Deuteranomaly 6% of men, 0.4% of women
#b68c6f Tritanomaly 0.01% of the population

#af8f2c hex color

#af8f2c Color Information

#af8f2c Color Conversion

Color Schemes with #af8f2c

Alternatives to #af8f2c

#af8f2c Preview

Shades and Tints of #af8f2c

Tones of #af8f2c

Color Blindness Simulator