#afb889 hex color

In a RGB color space, hex #afb889 is composed of 68.6% red, 72.2% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 0% magenta, 25.5% yellow and 27.8% black. It has a hue angle of 71.5 degrees, a saturation of 24.9% and a lightness of 62.9%. #afb889 color hex could be obtained by blending #ffffff with #5f7113. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 72
- B 54
RGB color chart
- C 5
- M 0
- Y 26
- K 28
CMYK color chart

● #afb889 color description : Slightly desaturated yellow.

The hexadecimal color #afb889 has RGB values of R:175, G:184, B:137 and CMYK values of C:0.05, M:0, Y:0.26, K:0.28. Its decimal value is 11516041.

Hex triplet	afb889	`#afb889`
RGB Decimal	175, 184, 137	`rgb(175,184,137)`
RGB Percent	68.6, 72.2, 53.7	`rgb(68.6%,72.2%,53.7%)`
CMYK	5, 0, 26, 28
HSL	71.5°, 24.9, 62.9	`hsl(71.5,24.9%,62.9%)`
HSV (or HSB)	71.5°, 25.5, 72.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.024, -11.121, 22.89
XYZ	39.334, 45.201, 30.318
xyY	0.342, 0.394, 45.201
CIE-LCH	73.024, 25.448, 115.913
CIE-LUV	73.024, -3.028, 33.18
Hunter-Lab	67.232, -13.224, 20.326
Binary	10101111, 10111000, 10001001

#afb889
```
#afb889 rgb(175,184,137)
```
#9289b8
```
#9289b8 rgb(146,137,184)
```

Complementary Color

#b8aa89
```
#b8aa89 rgb(184,170,137)
```
#afb889
```
#afb889 rgb(175,184,137)
```
#98b889
```
#98b889 rgb(152,184,137)
```

Analogous Color

#aa89b8
```
#aa89b8 rgb(170,137,184)
```
#afb889
```
#afb889 rgb(175,184,137)
```
#8998b8
```
#8998b8 rgb(137,152,184)
```

Split Complementary Color

#b889af
```
#b889af rgb(184,137,175)
```
#afb889
```
#afb889 rgb(175,184,137)
```
#89afb8
```
#89afb8 rgb(137,175,184)
```

Triadic Color

#b89289
```
#b89289 rgb(184,146,137)
```
#afb889
```
#afb889 rgb(175,184,137)
```
#89afb8
```
#89afb8 rgb(137,175,184)
```
#9289b8
```
#9289b8 rgb(146,137,184)
```

Tetradic Color

#8d995c
```
#8d995c rgb(141,153,92)
```
#99a569
```
#99a569 rgb(153,165,105)
```
#a4ae79
```
#a4ae79 rgb(164,174,121)
```
#afb889
```
#afb889 rgb(175,184,137)
```
#bac299
```
#bac299 rgb(186,194,153)
```
#c5cba9
```
#c5cba9 rgb(197,203,169)
```
#cfd5b9
```
#cfd5b9 rgb(207,213,185)
```

Monochromatic Color

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

#b8b589
```
#b8b589 rgb(184,181,137)
```
#b7b889
```
#b7b889 rgb(183,184,137)
```
#b3b889
```
#b3b889 rgb(179,184,137)
```
#afb889
```
#afb889 rgb(175,184,137)
```
#abb889
```
#abb889 rgb(171,184,137)
```
#a7b889
```
#a7b889 rgb(167,184,137)
```
#a3b889
```
#a3b889 rgb(163,184,137)
```

Similar Colors

Text with hexadecimal color #afb889

This text has a font color of #afb889.

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

#afb889 background color

This paragraph has a background color of #afb889.

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

#afb889 border color

This element has a border color of #afb889.

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

CSS codes

.text {color:#afb889;}

.background {background-color:#afb889;}

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

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

#040403
```
#040403 rgb(4,4,3)
```
#0f110a
```
#0f110a rgb(15,17,10)
```
#1b1d11
```
#1b1d11 rgb(27,29,17)
```
#262919
```
#262919 rgb(38,41,25)
```
#313520
```
#313520 rgb(49,53,32)
```
#3d4228
```
#3d4228 rgb(61,66,40)
```
#484e2f
```
#484e2f rgb(72,78,47)
```
#535a36
```
#535a36 rgb(83,90,54)
```
#5f663e
```
#5f663e rgb(95,102,62)
```
#6a7345
```
#6a7345 rgb(106,115,69)
```
#757f4c
```
#757f4c rgb(117,127,76)
```
#818b54
```
#818b54 rgb(129,139,84)
```
#8c975b
```
#8c975b rgb(140,151,91)
```

Shade Color Variation

#96a264
```
#96a264 rgb(150,162,100)
```
#9ea971
```
#9ea971 rgb(158,169,113)
```
#a7b17d
```
#a7b17d rgb(167,177,125)
```
#afb889
```
#afb889 rgb(175,184,137)
```
#b7bf95
```
#b7bf95 rgb(183,191,149)
```
#c0c7a1
```
#c0c7a1 rgb(192,199,161)
```
#c8ceae
```
#c8ceae rgb(200,206,174)
```
#d0d5ba
```
#d0d5ba rgb(208,213,186)
```
#d9ddc6
```
#d9ddc6 rgb(217,221,198)
```
#e1e4d2
```
#e1e4d2 rgb(225,228,210)
```
#e9ecdf
```
#e9ecdf rgb(233,236,223)
```
#f1f3eb
```
#f1f3eb rgb(241,243,235)
```
#fafaf7
```
#fafaf7 rgb(250,250,247)
```

Tint Color Variation

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

#a2a29f
```
#a2a29f rgb(162,162,159)
```
#a6a998
```
#a6a998 rgb(166,169,152)
```
#abb190
```
#abb190 rgb(171,177,144)
```
#afb889
```
#afb889 rgb(175,184,137)
```
#b3bf82
```
#b3bf82 rgb(179,191,130)
```
#b8c77a
```
#b8c77a rgb(184,199,122)
```
#bcce73
```
#bcce73 rgb(188,206,115)
```
#c1d56c
```
#c1d56c rgb(193,213,108)
```
#c5dc65
```
#c5dc65 rgb(197,220,101)
```
#cae45d
```
#cae45d rgb(202,228,93)
```
#ceeb56
```
#ceeb56 rgb(206,235,86)
```
#d3f24f
```
#d3f24f rgb(211,242,79)
```
#d7f948
```
#d7f948 rgb(215,249,72)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b0b2a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b68d Protanopia 1% of men
#d4b092 Deuteranopia 1% of men
#bbb4c1 Tritanopia 0.001% of the population

Trichromacy

#bcb78b Protanomaly 1% of men, 0.01% of women
#c7b38f Deuteranomaly 6% of men, 0.4% of women
#b6b5ad Tritanomaly 0.01% of the population

#afb889 hex color

#afb889 Color Information

#afb889 Color Conversion

Color Schemes with #afb889

Alternatives to #afb889

#afb889 Preview

Shades and Tints of #afb889

Tones of #afb889

Color Blindness Simulator