#afbf74 hex color

In a RGB color space, hex #afbf74 is composed of 68.6% red, 74.9% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 8.4% cyan, 0% magenta, 39.3% yellow and 25.1% black. It has a hue angle of 72.8 degrees, a saturation of 36.9% and a lightness of 60.2%. #afbf74 color hex could be obtained by blending #ffffe8 with #5f7f00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 75
- B 45
RGB color chart
- C 8
- M 0
- Y 39
- K 25
CMYK color chart

● #afbf74 color description : Slightly desaturated yellow.

The hexadecimal color #afbf74 has RGB values of R:175, G:191, B:116 and CMYK values of C:0.08, M:0, Y:0.39, K:0.25. Its decimal value is 11517812.

Hex triplet	afbf74	`#afbf74`
RGB Decimal	175, 191, 116	`rgb(175,191,116)`
RGB Percent	68.6, 74.9, 45.5	`rgb(68.6%,74.9%,45.5%)`
CMYK	8, 0, 39, 25
HSL	72.8°, 36.9, 60.2	`hsl(72.8,36.9%,60.2%)`
HSV (or HSB)	72.8°, 39.3, 74.9
Web Safe	99cc66	`#99cc66`

CIE-LAB	74.595, -17.49, 35.996
XYZ	39.462, 47.636, 23.638
xyY	0.356, 0.43, 47.636
CIE-LCH	74.595, 40.02, 115.915
CIE-LUV	74.595, -6.296, 49.828
Hunter-Lab	69.019, -18.726, 28.008
Binary	10101111, 10111111, 01110100

#afbf74
```
#afbf74 rgb(175,191,116)
```
#8474bf
```
#8474bf rgb(132,116,191)
```

Complementary Color

#bfaa74
```
#bfaa74 rgb(191,170,116)
```
#afbf74
```
#afbf74 rgb(175,191,116)
```
#8abf74
```
#8abf74 rgb(138,191,116)
```

Analogous Color

#aa74bf
```
#aa74bf rgb(170,116,191)
```
#afbf74
```
#afbf74 rgb(175,191,116)
```
#748abf
```
#748abf rgb(116,138,191)
```

Split Complementary Color

#bf74af
```
#bf74af rgb(191,116,175)
```
#afbf74
```
#afbf74 rgb(175,191,116)
```
#74afbf
```
#74afbf rgb(116,175,191)
```

Triadic Color

#bf8474
```
#bf8474 rgb(191,132,116)
```
#afbf74
```
#afbf74 rgb(175,191,116)
```
#74afbf
```
#74afbf rgb(116,175,191)
```
#8474bf
```
#8474bf rgb(132,116,191)
```

Tetradic Color

#8c9e49
```
#8c9e49 rgb(140,158,73)
```
#9baf51
```
#9baf51 rgb(155,175,81)
```
#a5b763
```
#a5b763 rgb(165,183,99)
```
#afbf74
```
#afbf74 rgb(175,191,116)
```
#b9c785
```
#b9c785 rgb(185,199,133)
```
#c3cf97
```
#c3cf97 rgb(195,207,151)
```
#cdd7a8
```
#cdd7a8 rgb(205,215,168)
```

Monochromatic Color

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

#bfbc74
```
#bfbc74 rgb(191,188,116)
```
#bcbf74
```
#bcbf74 rgb(188,191,116)
```
#b5bf74
```
#b5bf74 rgb(181,191,116)
```
#afbf74
```
#afbf74 rgb(175,191,116)
```
#a9bf74
```
#a9bf74 rgb(169,191,116)
```
#a3bf74
```
#a3bf74 rgb(163,191,116)
```
#9cbf74
```
#9cbf74 rgb(156,191,116)
```

Similar Colors

Text with hexadecimal color #afbf74

This text has a font color of #afbf74.

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

#afbf74 background color

This paragraph has a background color of #afbf74.

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

#afbf74 border color

This element has a border color of #afbf74.

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

CSS codes

.text {color:#afbf74;}

.background {background-color:#afbf74;}

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

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

#080904
```
#080904 rgb(8,9,4)
```
#14160a
```
#14160a rgb(20,22,10)
```
#202410
```
#202410 rgb(32,36,16)
```
#2b3117
```
#2b3117 rgb(43,49,23)
```
#373e1d
```
#373e1d rgb(55,62,29)
```
#434c23
```
#434c23 rgb(67,76,35)
```
#4f5929
```
#4f5929 rgb(79,89,41)
```
#5b672f
```
#5b672f rgb(91,103,47)
```
#677435
```
#677435 rgb(103,116,53)
```
#73823c
```
#73823c rgb(115,130,60)
```
#7f8f42
```
#7f8f42 rgb(127,143,66)
```
#8a9c48
```
#8a9c48 rgb(138,156,72)
```
#96aa4e
```
#96aa4e rgb(150,170,78)
```

Shade Color Variation

#a0b359
```
#a0b359 rgb(160,179,89)
```
#a7b967
```
#a7b967 rgb(167,185,103)
```
#afbf74
```
#afbf74 rgb(175,191,116)
```
#b7c581
```
#b7c581 rgb(183,197,129)
```
#becb8f
```
#becb8f rgb(190,203,143)
```
#c6d29c
```
#c6d29c rgb(198,210,156)
```
#ced8aa
```
#ced8aa rgb(206,216,170)
```
#d6deb7
```
#d6deb7 rgb(214,222,183)
```
#dde4c5
```
#dde4c5 rgb(221,228,197)
```
#e5ead2
```
#e5ead2 rgb(229,234,210)
```
#edf0df
```
#edf0df rgb(237,240,223)
```
#f5f7ed
```
#f5f7ed rgb(245,247,237)
```
#fcfdfa
```
#fcfdfa rgb(252,253,250)
```

Tint Color Variation

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

#9da093
```
#9da093 rgb(157,160,147)
```
#a2a88b
```
#a2a88b rgb(162,168,139)
```
#a6af84
```
#a6af84 rgb(166,175,132)
```
#abb77c
```
#abb77c rgb(171,183,124)
```
#afbf74
```
#afbf74 rgb(175,191,116)
```
#b3c76c
```
#b3c76c rgb(179,199,108)
```
#b8cf64
```
#b8cf64 rgb(184,207,100)
```
#bcd65d
```
#bcd65d rgb(188,214,93)
```
#c1de55
```
#c1de55 rgb(193,222,85)
```
#c5e64d
```
#c5e64d rgb(197,230,77)
```
#caee45
```
#caee45 rgb(202,238,69)
```
#cef63d
```
#cef63d rgb(206,246,61)
```
#d3fd36
```
#d3fd36 rgb(211,253,54)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b1b5a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbbb78 Protanopia 1% of men
#dfb37f Deuteranopia 1% of men
#beb9c6 Tritanopia 0.001% of the population

Trichromacy

#c1bc76 Protanomaly 1% of men, 0.01% of women
#cdb77b Deuteranomaly 6% of men, 0.4% of women
#b8bba8 Tritanomaly 0.01% of the population

#afbf74 hex color

#afbf74 Color Information

#afbf74 Color Conversion

Color Schemes with #afbf74

Alternatives to #afbf74

#afbf74 Preview

Shades and Tints of #afbf74

Tones of #afbf74

Color Blindness Simulator