#afb789 hex color

In a RGB color space, hex #afb789 is composed of 68.6% red, 71.8% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 4.4% cyan, 0% magenta, 25.1% yellow and 28.2% black. It has a hue angle of 70.4 degrees, a saturation of 24.2% and a lightness of 62.7%. #afb789 color hex could be obtained by blending #ffffff with #5f6f13. Closest websafe color is: #99cc99.

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

● #afb789 color description : Slightly desaturated yellow.

The hexadecimal color #afb789 has RGB values of R:175, G:183, B:137 and CMYK values of C:0.04, M:0, Y:0.25, K:0.28. Its decimal value is 11515785.

Hex triplet	afb789	`#afb789`
RGB Decimal	175, 183, 137	`rgb(175,183,137)`
RGB Percent	68.6, 71.8, 53.7	`rgb(68.6%,71.8%,53.7%)`
CMYK	4, 0, 25, 28
HSL	70.4°, 24.2, 62.7	`hsl(70.4,24.2%,62.7%)`
HSV (or HSB)	70.4°, 25.1, 71.8
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.752, -10.601, 22.519
XYZ	39.127, 44.787, 30.249
xyY	0.343, 0.392, 44.787
CIE-LCH	72.752, 24.889, 115.208
CIE-LUV	72.752, -2.472, 32.593
Hunter-Lab	66.923, -12.754, 20.047
Binary	10101111, 10110111, 10001001

#afb789
```
#afb789 rgb(175,183,137)
```
#9189b7
```
#9189b7 rgb(145,137,183)
```

Complementary Color

#b7a889
```
#b7a889 rgb(183,168,137)
```
#afb789
```
#afb789 rgb(175,183,137)
```
#98b789
```
#98b789 rgb(152,183,137)
```

Analogous Color

#a889b7
```
#a889b7 rgb(168,137,183)
```
#afb789
```
#afb789 rgb(175,183,137)
```
#8998b7
```
#8998b7 rgb(137,152,183)
```

Split Complementary Color

#b789af
```
#b789af rgb(183,137,175)
```
#afb789
```
#afb789 rgb(175,183,137)
```
#89afb7
```
#89afb7 rgb(137,175,183)
```

Triadic Color

#b79189
```
#b79189 rgb(183,145,137)
```
#afb789
```
#afb789 rgb(175,183,137)
```
#89afb7
```
#89afb7 rgb(137,175,183)
```
#9189b7
```
#9189b7 rgb(145,137,183)
```

Tetradic Color

#8d975c
```
#8d975c rgb(141,151,92)
```
#9aa469
```
#9aa469 rgb(154,164,105)
```
#a4ad79
```
#a4ad79 rgb(164,173,121)
```
#afb789
```
#afb789 rgb(175,183,137)
```
#bac199
```
#bac199 rgb(186,193,153)
```
#c4caa9
```
#c4caa9 rgb(196,202,169)
```
#cfd4b9
```
#cfd4b9 rgb(207,212,185)
```

Monochromatic Color

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

#b7b489
```
#b7b489 rgb(183,180,137)
```
#b7b789
```
#b7b789 rgb(183,183,137)
```
#b3b789
```
#b3b789 rgb(179,183,137)
```
#afb789
```
#afb789 rgb(175,183,137)
```
#abb789
```
#abb789 rgb(171,183,137)
```
#a7b789
```
#a7b789 rgb(167,183,137)
```
#a4b789
```
#a4b789 rgb(164,183,137)
```

Similar Colors

Text with hexadecimal color #afb789

This text has a font color of #afb789.

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

#afb789 background color

This paragraph has a background color of #afb789.

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

#afb789 border color

This element has a border color of #afb789.

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

CSS codes

.text {color:#afb789;}

.background {background-color:#afb789;}

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

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

#040402
```
#040402 rgb(4,4,2)
```
#0f100a
```
#0f100a rgb(15,16,10)
```
#1a1c11
```
#1a1c11 rgb(26,28,17)
```
#262819
```
#262819 rgb(38,40,25)
```
#313520
```
#313520 rgb(49,53,32)
```
#3c4127
```
#3c4127 rgb(60,65,39)
```
#484d2f
```
#484d2f rgb(72,77,47)
```
#535936
```
#535936 rgb(83,89,54)
```
#5e653e
```
#5e653e rgb(94,101,62)
```
#6a7145
```
#6a7145 rgb(106,113,69)
```
#757e4d
```
#757e4d rgb(117,126,77)
```
#808a54
```
#808a54 rgb(128,138,84)
```
#8c965c
```
#8c965c rgb(140,150,92)
```

Shade Color Variation

#96a164
```
#96a164 rgb(150,161,100)
```
#9ea871
```
#9ea871 rgb(158,168,113)
```
#a7b07d
```
#a7b07d rgb(167,176,125)
```
#afb789
```
#afb789 rgb(175,183,137)
```
#b7be95
```
#b7be95 rgb(183,190,149)
```
#c0c6a1
```
#c0c6a1 rgb(192,198,161)
```
#c8cdae
```
#c8cdae rgb(200,205,174)
```
#d0d5ba
```
#d0d5ba rgb(208,213,186)
```
#d8dcc6
```
#d8dcc6 rgb(216,220,198)
```
#e1e4d2
```
#e1e4d2 rgb(225,228,210)
```
#e9ebde
```
#e9ebde rgb(233,235,222)
```
#f1f2ea
```
#f1f2ea rgb(241,242,234)
```
#f9faf7
```
#f9faf7 rgb(249,250,247)
```

Tint Color Variation

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

#a1a19f
```
#a1a19f rgb(161,161,159)
```
#a5a898
```
#a5a898 rgb(165,168,152)
```
#aab090
```
#aab090 rgb(170,176,144)
```
#afb789
```
#afb789 rgb(175,183,137)
```
#b4be82
```
#b4be82 rgb(180,190,130)
```
#b9c67a
```
#b9c67a rgb(185,198,122)
```
#bdcd73
```
#bdcd73 rgb(189,205,115)
```
#c2d46c
```
#c2d46c rgb(194,212,108)
```
#c7dc64
```
#c7dc64 rgb(199,220,100)
```
#cce35d
```
#cce35d rgb(204,227,93)
```
#d0ea56
```
#d0ea56 rgb(208,234,86)
```
#d5f14f
```
#d5f14f rgb(213,241,79)
```
#daf947
```
#daf947 rgb(218,249,71)
```

Tone Color Variation

Below, you can see how #afb789 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
#afb1a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b68d Protanopia 1% of men
#d3af92 Deuteranopia 1% of men
#bab4c0 Tritanopia 0.001% of the population

Trichromacy

#bbb68b Protanomaly 1% of men, 0.01% of women
#c6b28f Deuteranomaly 6% of men, 0.4% of women
#b6b5ac Tritanomaly 0.01% of the population

#afb789 hex color

#afb789 Color Information

#afb789 Color Conversion

Color Schemes with #afb789

Alternatives to #afb789

#afb789 Preview

Shades and Tints of #afb789

Tones of #afb789

Color Blindness Simulator