#afbb75 hex color

In a RGB color space, hex #afbb75 is composed of 68.6% red, 73.3% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 37.4% yellow and 26.7% black. It has a hue angle of 70.3 degrees, a saturation of 34% and a lightness of 59.6%. #afbb75 color hex could be obtained by blending #ffffea with #5f7700. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 73
- B 46
RGB color chart
- C 6
- M 0
- Y 37
- K 27
CMYK color chart

● #afbb75 color description : Slightly desaturated yellow.

The hexadecimal color #afbb75 has RGB values of R:175, G:187, B:117 and CMYK values of C:0.06, M:0, Y:0.37, K:0.27. Its decimal value is 11516789.

Hex triplet	afbb75	`#afbb75`
RGB Decimal	175, 187, 117	`rgb(175,187,117)`
RGB Percent	68.6, 73.3, 45.9	`rgb(68.6%,73.3%,45.9%)`
CMYK	6, 0, 37, 27
HSL	70.3°, 34, 59.6	`hsl(70.3,34%,59.6%)`
HSV (or HSB)	70.3°, 37.4, 73.3
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.506, -15.34, 34.082
XYZ	38.66, 45.939, 23.659
xyY	0.357, 0.424, 45.939
CIE-LCH	73.506, 37.375, 114.231
CIE-LUV	73.506, -4.044, 47.114
Hunter-Lab	67.778, -16.798, 26.749
Binary	10101111, 10111011, 01110101

#afbb75
```
#afbb75 rgb(175,187,117)
```
#8175bb
```
#8175bb rgb(129,117,187)
```

Complementary Color

#bba475
```
#bba475 rgb(187,164,117)
```
#afbb75
```
#afbb75 rgb(175,187,117)
```
#8cbb75
```
#8cbb75 rgb(140,187,117)
```

Analogous Color

#a475bb
```
#a475bb rgb(164,117,187)
```
#afbb75
```
#afbb75 rgb(175,187,117)
```
#758cbb
```
#758cbb rgb(117,140,187)
```

Split Complementary Color

#bb75af
```
#bb75af rgb(187,117,175)
```
#afbb75
```
#afbb75 rgb(175,187,117)
```
#75afbb
```
#75afbb rgb(117,175,187)
```

Triadic Color

#bb8175
```
#bb8175 rgb(187,129,117)
```
#afbb75
```
#afbb75 rgb(175,187,117)
```
#75afbb
```
#75afbb rgb(117,175,187)
```
#8175bb
```
#8175bb rgb(129,117,187)
```

Tetradic Color

#8b984b
```
#8b984b rgb(139,152,75)
```
#9ba954
```
#9ba954 rgb(155,169,84)
```
#a5b364
```
#a5b364 rgb(165,179,100)
```
#afbb75
```
#afbb75 rgb(175,187,117)
```
#b9c386
```
#b9c386 rgb(185,195,134)
```
#c3cc97
```
#c3cc97 rgb(195,204,151)
```
#cdd4a8
```
#cdd4a8 rgb(205,212,168)
```

Monochromatic Color

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

#bbb675
```
#bbb675 rgb(187,182,117)
```
#bbbb75
```
#bbbb75 rgb(187,187,117)
```
#b5bb75
```
#b5bb75 rgb(181,187,117)
```
#afbb75
```
#afbb75 rgb(175,187,117)
```
#a9bb75
```
#a9bb75 rgb(169,187,117)
```
#a3bb75
```
#a3bb75 rgb(163,187,117)
```
#9ebb75
```
#9ebb75 rgb(158,187,117)
```

Similar Colors

Text with hexadecimal color #afbb75

This text has a font color of #afbb75.

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

#afbb75 background color

This paragraph has a background color of #afbb75.

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

#afbb75 border color

This element has a border color of #afbb75.

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

CSS codes

.text {color:#afbb75;}

.background {background-color:#afbb75;}

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

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

#060703
```
#060703 rgb(6,7,3)
```
#12140a
```
#12140a rgb(18,20,10)
```
#1e2110
```
#1e2110 rgb(30,33,16)
```
#2a2e17
```
#2a2e17 rgb(42,46,23)
```
#363b1d
```
#363b1d rgb(54,59,29)
```
#424824
```
#424824 rgb(66,72,36)
```
#4e552a
```
#4e552a rgb(78,85,42)
```
#5a6331
```
#5a6331 rgb(90,99,49)
```
#667037
```
#667037 rgb(102,112,55)
```
#727d3d
```
#727d3d rgb(114,125,61)
```
#7e8a44
```
#7e8a44 rgb(126,138,68)
```
#8a974a
```
#8a974a rgb(138,151,74)
```
#96a451
```
#96a451 rgb(150,164,81)
```

Shade Color Variation

#a0ae5b
```
#a0ae5b rgb(160,174,91)
```
#a7b568
```
#a7b568 rgb(167,181,104)
```
#afbb75
```
#afbb75 rgb(175,187,117)
```
#b7c182
```
#b7c182 rgb(183,193,130)
```
#bec88f
```
#bec88f rgb(190,200,143)
```
#c6ce9c
```
#c6ce9c rgb(198,206,156)
```
#cdd5aa
```
#cdd5aa rgb(205,213,170)
```
#d5dbb7
```
#d5dbb7 rgb(213,219,183)
```
#dde2c4
```
#dde2c4 rgb(221,226,196)
```
#e4e8d1
```
#e4e8d1 rgb(228,232,209)
```
#ecefde
```
#ecefde rgb(236,239,222)
```
#f4f5eb
```
#f4f5eb rgb(244,245,235)
```
#fbfcf8
```
#fbfcf8 rgb(251,252,248)
```

Tint Color Variation

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

#9a9b95
```
#9a9b95 rgb(154,155,149)
```
#9fa38d
```
#9fa38d rgb(159,163,141)
```
#a5ab85
```
#a5ab85 rgb(165,171,133)
```
#aab37d
```
#aab37d rgb(170,179,125)
```
#afbb75
```
#afbb75 rgb(175,187,117)
```
#b4c36d
```
#b4c36d rgb(180,195,109)
```
#b9cb65
```
#b9cb65 rgb(185,203,101)
```
#bfd35d
```
#bfd35d rgb(191,211,93)
```
#c4db55
```
#c4db55 rgb(196,219,85)
```
#c9e34d
```
#c9e34d rgb(201,227,77)
```
#ceeb45
```
#ceeb45 rgb(206,235,69)
```
#d3f23e
```
#d3f23e rgb(211,242,62)
```
#d9fa36
```
#d9fa36 rgb(217,250,54)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#afb1a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b879 Protanopia 1% of men
#dbb080 Deuteranopia 1% of men
#bdb5c2 Tritanopia 0.001% of the population

Trichromacy

#beb978 Protanomaly 1% of men, 0.01% of women
#cbb47c Deuteranomaly 6% of men, 0.4% of women
#b8b7a6 Tritanomaly 0.01% of the population

#afbb75 hex color

#afbb75 Color Information

#afbb75 Color Conversion

Color Schemes with #afbb75

Alternatives to #afbb75

#afbb75 Preview

Shades and Tints of #afbb75

Tones of #afbb75

Color Blindness Simulator