#afb288 hex color

In a RGB color space, hex #afb288 is composed of 68.6% red, 69.8% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 1.7% cyan, 0% magenta, 23.6% yellow and 30.2% black. It has a hue angle of 64.3 degrees, a saturation of 21.4% and a lightness of 61.6%. #afb288 color hex could be obtained by blending #ffffff with #5f6511. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 69
- G 70
- B 53
RGB color chart
- C 2
- M 0
- Y 24
- K 30
CMYK color chart

● #afb288 color description : Dark grayish yellow.

The hexadecimal color #afb288 has RGB values of R:175, G:178, B:136 and CMYK values of C:0.02, M:0, Y:0.24, K:0.3. Its decimal value is 11514504.

Hex triplet	afb288	`#afb288`
RGB Decimal	175, 178, 136	`rgb(175,178,136)`
RGB Percent	68.6, 69.8, 53.3	`rgb(68.6%,69.8%,53.3%)`
CMYK	2, 0, 24, 30
HSL	64.3°, 21.4, 61.6	`hsl(64.3,21.4%,61.6%)`
HSV (or HSB)	64.3°, 23.6, 69.8
Web Safe	999999	`#999999`

CIE-LAB	71.373, -8.127, 21.177
XYZ	38.043, 42.732, 29.535
xyY	0.345, 0.387, 42.732
CIE-LCH	71.373, 22.683, 110.996
CIE-LUV	71.373, 0.365, 30.315
Hunter-Lab	65.37, -10.518, 18.971
Binary	10101111, 10110010, 10001000

#afb288
```
#afb288 rgb(175,178,136)
```
#8b88b2
```
#8b88b2 rgb(139,136,178)
```

Complementary Color

#b2a088
```
#b2a088 rgb(178,160,136)
```
#afb288
```
#afb288 rgb(175,178,136)
```
#9ab288
```
#9ab288 rgb(154,178,136)
```

Analogous Color

#a088b2
```
#a088b2 rgb(160,136,178)
```
#afb288
```
#afb288 rgb(175,178,136)
```
#889ab2
```
#889ab2 rgb(136,154,178)
```

Split Complementary Color

#b288af
```
#b288af rgb(178,136,175)
```
#afb288
```
#afb288 rgb(175,178,136)
```
#88afb2
```
#88afb2 rgb(136,175,178)
```

Triadic Color

#b28b88
```
#b28b88 rgb(178,139,136)
```
#afb288
```
#afb288 rgb(175,178,136)
```
#88afb2
```
#88afb2 rgb(136,175,178)
```
#8b88b2
```
#8b88b2 rgb(139,136,178)
```

Tetradic Color

#8d905d
```
#8d905d rgb(141,144,93)
```
#9a9e69
```
#9a9e69 rgb(154,158,105)
```
#a5a879
```
#a5a879 rgb(165,168,121)
```
#afb288
```
#afb288 rgb(175,178,136)
```
#b9bc97
```
#b9bc97 rgb(185,188,151)
```
#c4c6a7
```
#c4c6a7 rgb(196,198,167)
```
#ced0b6
```
#ced0b6 rgb(206,208,182)
```

Monochromatic Color

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

#b2ab88
```
#b2ab88 rgb(178,171,136)
```
#b2ae88
```
#b2ae88 rgb(178,174,136)
```
#b2b288
```
#b2b288 rgb(178,178,136)
```
#afb288
```
#afb288 rgb(175,178,136)
```
#acb288
```
#acb288 rgb(172,178,136)
```
#a8b288
```
#a8b288 rgb(168,178,136)
```
#a5b288
```
#a5b288 rgb(165,178,136)
```

Similar Colors

Text with hexadecimal color #afb288

This text has a font color of #afb288.

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

#afb288 background color

This paragraph has a background color of #afb288.

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

#afb288 border color

This element has a border color of #afb288.

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

CSS codes

.text {color:#afb288;}

.background {background-color:#afb288;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0c0c08
```
#0c0c08 rgb(12,12,8)
```
#17180f
```
#17180f rgb(23,24,15)
```
#232417
```
#232417 rgb(35,36,23)
```
#2f301f
```
#2f301f rgb(47,48,31)
```
#3a3c27
```
#3a3c27 rgb(58,60,39)
```
#46482e
```
#46482e rgb(70,72,46)
```
#515336
```
#515336 rgb(81,83,54)
```
#5d5f3e
```
#5d5f3e rgb(93,95,62)
```
#696b45
```
#696b45 rgb(105,107,69)
```
#74774d
```
#74774d rgb(116,119,77)
```
#808355
```
#808355 rgb(128,131,85)
```
#8b8f5d
```
#8b8f5d rgb(139,143,93)
```

Shade Color Variation

#979b64
```
#979b64 rgb(151,155,100)
```
#9fa370
```
#9fa370 rgb(159,163,112)
```
#a7aa7c
```
#a7aa7c rgb(167,170,124)
```
#afb288
```
#afb288 rgb(175,178,136)
```
#b7ba94
```
#b7ba94 rgb(183,186,148)
```
#bfc1a0
```
#bfc1a0 rgb(191,193,160)
```
#c7c9ac
```
#c7c9ac rgb(199,201,172)
```
#cfd1b8
```
#cfd1b8 rgb(207,209,184)
```
#d7d9c4
```
#d7d9c4 rgb(215,217,196)
```
#dfe0cf
```
#dfe0cf rgb(223,224,207)
```
#e7e8db
```
#e7e8db rgb(231,232,219)
```
#eff0e7
```
#eff0e7 rgb(239,240,231)
```
#f7f7f3
```
#f7f7f3 rgb(247,247,243)
```

Tint Color Variation

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

#a2a397
```
#a2a397 rgb(162,163,151)
```
#a9aa90
```
#a9aa90 rgb(169,170,144)
```
#afb288
```
#afb288 rgb(175,178,136)
```
#b5ba80
```
#b5ba80 rgb(181,186,128)
```
#bcc179
```
#bcc179 rgb(188,193,121)
```
#c2c971
```
#c2c971 rgb(194,201,113)
```
#c9d06a
```
#c9d06a rgb(201,208,106)
```
#cfd862
```
#cfd862 rgb(207,216,98)
```
#d6df5b
```
#d6df5b rgb(214,223,91)
```
#dce753
```
#dce753 rgb(220,231,83)
```
#e3ee4c
```
#e3ee4c rgb(227,238,76)
```
#e9f644
```
#e9f644 rgb(233,246,68)
```
#f0fd3d
```
#f0fd3d rgb(240,253,61)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#adada5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb28c Protanopia 1% of men
#cfac91 Deuteranopia 1% of men
#baafbc Tritanopia 0.001% of the population

Trichromacy

#b8b28b Protanomaly 1% of men, 0.01% of women
#c3ae8d Deuteranomaly 6% of men, 0.4% of women
#b6b0a9 Tritanomaly 0.01% of the population

#afb288 hex color

#afb288 Color Information

#afb288 Color Conversion

Color Schemes with #afb288

Alternatives to #afb288

#afb288 Preview

Shades and Tints of #afb288

Tones of #afb288

Color Blindness Simulator