#afbe6f hex color

In a RGB color space, hex #afbe6f is composed of 68.6% red, 74.5% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 7.9% cyan, 0% magenta, 41.6% yellow and 25.5% black. It has a hue angle of 71.4 degrees, a saturation of 37.8% and a lightness of 59%. #afbe6f color hex could be obtained by blending #ffffde with #5f7d00. Closest websafe color is: #99cc66.

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

● #afbe6f color description : Slightly desaturated yellow.

The hexadecimal color #afbe6f has RGB values of R:175, G:190, B:111 and CMYK values of C:0.08, M:0, Y:0.42, K:0.25. Its decimal value is 11517551.

Hex triplet	afbe6f	`#afbe6f`
RGB Decimal	175, 190, 111	`rgb(175,190,111)`
RGB Percent	68.6, 74.5, 43.5	`rgb(68.6%,74.5%,43.5%)`
CMYK	8, 0, 42, 25
HSL	71.4°, 37.8, 59	`hsl(71.4,37.8%,59%)`
HSV (or HSB)	71.4°, 41.6, 74.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	74.246, -17.571, 38.105
XYZ	38.961, 47.089, 22.075
xyY	0.36, 0.436, 47.089
CIE-LCH	74.246, 41.961, 114.755
CIE-LUV	74.246, -5.596, 52.019
Hunter-Lab	68.621, -18.739, 28.962
Binary	10101111, 10111110, 01101111

#afbe6f
```
#afbe6f rgb(175,190,111)
```
#7e6fbe
```
#7e6fbe rgb(126,111,190)
```

Complementary Color

#bea66f
```
#bea66f rgb(190,166,111)
```
#afbe6f
```
#afbe6f rgb(175,190,111)
```
#88be6f
```
#88be6f rgb(136,190,111)
```

Analogous Color

#a66fbe
```
#a66fbe rgb(166,111,190)
```
#afbe6f
```
#afbe6f rgb(175,190,111)
```
#6f88be
```
#6f88be rgb(111,136,190)
```

Split Complementary Color

#be6faf
```
#be6faf rgb(190,111,175)
```
#afbe6f
```
#afbe6f rgb(175,190,111)
```
#6fafbe
```
#6fafbe rgb(111,175,190)
```

Triadic Color

#be7e6f
```
#be7e6f rgb(190,126,111)
```
#afbe6f
```
#afbe6f rgb(175,190,111)
```
#6fafbe
```
#6fafbe rgb(111,175,190)
```
#7e6fbe
```
#7e6fbe rgb(126,111,190)
```

Tetradic Color

#8b9b46
```
#8b9b46 rgb(139,155,70)
```
#9aac4e
```
#9aac4e rgb(154,172,78)
```
#a5b65d
```
#a5b65d rgb(165,182,93)
```
#afbe6f
```
#afbe6f rgb(175,190,111)
```
#b9c681
```
#b9c681 rgb(185,198,129)
```
#c3ce92
```
#c3ce92 rgb(195,206,146)
```
#ccd6a4
```
#ccd6a4 rgb(204,214,164)
```

Monochromatic Color

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

#beb96f
```
#beb96f rgb(190,185,111)
```
#bcbe6f
```
#bcbe6f rgb(188,190,111)
```
#b6be6f
```
#b6be6f rgb(182,190,111)
```
#afbe6f
```
#afbe6f rgb(175,190,111)
```
#a8be6f
```
#a8be6f rgb(168,190,111)
```
#a2be6f
```
#a2be6f rgb(162,190,111)
```
#9bbe6f
```
#9bbe6f rgb(155,190,111)
```

Similar Colors

Text with hexadecimal color #afbe6f

This text has a font color of #afbe6f.

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

#afbe6f background color

This paragraph has a background color of #afbe6f.

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

#afbe6f border color

This element has a border color of #afbe6f.

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

CSS codes

.text {color:#afbe6f;}

.background {background-color:#afbe6f;}

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

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

#040502
```
#040502 rgb(4,5,2)
```
#101208
```
#101208 rgb(16,18,8)
```
#1c200e
```
#1c200e rgb(28,32,14)
```
#282d14
```
#282d14 rgb(40,45,20)
```
#353b1b
```
#353b1b rgb(53,59,27)
```
#414821
```
#414821 rgb(65,72,33)
```
#4d5627
```
#4d5627 rgb(77,86,39)
```
#59632d
```
#59632d rgb(89,99,45)
```
#657133
```
#657133 rgb(101,113,51)
```
#717e39
```
#717e39 rgb(113,126,57)
```
#7d8c3f
```
#7d8c3f rgb(125,140,63)
```
#899945
```
#899945 rgb(137,153,69)
```
#95a74b
```
#95a74b rgb(149,167,75)
```

Shade Color Variation

#a0b254
```
#a0b254 rgb(160,178,84)
```
#a7b861
```
#a7b861 rgb(167,184,97)
```
#afbe6f
```
#afbe6f rgb(175,190,111)
```
#b7c47d
```
#b7c47d rgb(183,196,125)
```
#beca8a
```
#beca8a rgb(190,202,138)
```
#c6d098
```
#c6d098 rgb(198,208,152)
```
#cdd6a5
```
#cdd6a5 rgb(205,214,165)
```
#d5ddb3
```
#d5ddb3 rgb(213,221,179)
```
#dce3c0
```
#dce3c0 rgb(220,227,192)
```
#e4e9ce
```
#e4e9ce rgb(228,233,206)
```
#ebefdb
```
#ebefdb rgb(235,239,219)
```
#f3f5e9
```
#f3f5e9 rgb(243,245,233)
```
#fafbf6
```
#fafbf6 rgb(250,251,246)
```

Tint Color Variation

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

#9b9e8f
```
#9b9e8f rgb(155,158,143)
```
#a0a687
```
#a0a687 rgb(160,166,135)
```
#a5ae7f
```
#a5ae7f rgb(165,174,127)
```
#aab677
```
#aab677 rgb(170,182,119)
```
#afbe6f
```
#afbe6f rgb(175,190,111)
```
#b4c667
```
#b4c667 rgb(180,198,103)
```
#b9ce5f
```
#b9ce5f rgb(185,206,95)
```
#bed657
```
#bed657 rgb(190,214,87)
```
#c3de4f
```
#c3de4f rgb(195,222,79)
```
#c8e647
```
#c8e647 rgb(200,230,71)
```
#cdee3f
```
#cdee3f rgb(205,238,63)
```
#d2f637
```
#d2f637 rgb(210,246,55)
```
#d7fe2f
```
#d7fe2f rgb(215,254,47)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b1b4a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbba73 Protanopia 1% of men
#deb27b Deuteranopia 1% of men
#beb7c5 Tritanopia 0.001% of the population

Trichromacy

#c0bb72 Protanomaly 1% of men, 0.01% of women
#cdb676 Deuteranomaly 6% of men, 0.4% of women
#b8baa5 Tritanomaly 0.01% of the population

#afbe6f hex color

#afbe6f Color Information

#afbe6f Color Conversion

Color Schemes with #afbe6f

Alternatives to #afbe6f

#afbe6f Preview

Shades and Tints of #afbe6f

Tones of #afbe6f

Color Blindness Simulator