#afb395 hex color

In a RGB color space, hex #afb395 is composed of 68.6% red, 70.2% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 0% magenta, 16.8% yellow and 29.8% black. It has a hue angle of 68 degrees, a saturation of 16.5% and a lightness of 64.3%. #afb395 color hex could be obtained by blending #ffffff with #5f672b. Closest websafe color is: #99cc99.

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

● #afb395 color description : Grayish yellow.

The hexadecimal color #afb395 has RGB values of R:175, G:179, B:149 and CMYK values of C:0.02, M:0, Y:0.17, K:0.3. Its decimal value is 11514773.

Hex triplet	afb395	`#afb395`
RGB Decimal	175, 179, 149	`rgb(175,179,149)`
RGB Percent	68.6, 70.2, 58.4	`rgb(68.6%,70.2%,58.4%)`
CMYK	2, 0, 17, 30
HSL	68°, 16.5, 64.3	`hsl(68,16.5%,64.3%)`
HSV (or HSB)	68°, 16.8, 70.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	71.909, -6.667, 14.869
XYZ	39.223, 43.524, 34.767
xyY	0.334, 0.37, 43.524
CIE-LCH	71.909, 16.295, 114.15
CIE-LUV	71.909, -0.78, 21.999
Hunter-Lab	65.973, -9.328, 14.936
Binary	10101111, 10110011, 10010101

#afb395
```
#afb395 rgb(175,179,149)
```
#9995b3
```
#9995b3 rgb(153,149,179)
```

Complementary Color

#b3a895
```
#b3a895 rgb(179,168,149)
```
#afb395
```
#afb395 rgb(175,179,149)
```
#a0b395
```
#a0b395 rgb(160,179,149)
```

Analogous Color

#a895b3
```
#a895b3 rgb(168,149,179)
```
#afb395
```
#afb395 rgb(175,179,149)
```
#95a0b3
```
#95a0b3 rgb(149,160,179)
```

Split Complementary Color

#b395af
```
#b395af rgb(179,149,175)
```
#afb395
```
#afb395 rgb(175,179,149)
```
#95afb3
```
#95afb3 rgb(149,175,179)
```

Triadic Color

#b39995
```
#b39995 rgb(179,153,149)
```
#afb395
```
#afb395 rgb(175,179,149)
```
#95afb3
```
#95afb3 rgb(149,175,179)
```
#9995b3
```
#9995b3 rgb(153,149,179)
```

Tetradic Color

#8d9269
```
#8d9269 rgb(141,146,105)
```
#999e77
```
#999e77 rgb(153,158,119)
```
#a4a886
```
#a4a886 rgb(164,168,134)
```
#afb395
```
#afb395 rgb(175,179,149)
```
#babea4
```
#babea4 rgb(186,190,164)
```
#c5c8b3
```
#c5c8b3 rgb(197,200,179)
```
#d1d3c2
```
#d1d3c2 rgb(209,211,194)
```

Monochromatic Color

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

#b3b095
```
#b3b095 rgb(179,176,149)
```
#b3b295
```
#b3b295 rgb(179,178,149)
```
#b2b395
```
#b2b395 rgb(178,179,149)
```
#afb395
```
#afb395 rgb(175,179,149)
```
#adb395
```
#adb395 rgb(173,179,149)
```
#aab395
```
#aab395 rgb(170,179,149)
```
#a8b395
```
#a8b395 rgb(168,179,149)
```

Similar Colors

Text with hexadecimal color #afb395

This text has a font color of #afb395.

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

#afb395 background color

This paragraph has a background color of #afb395.

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

#afb395 border color

This element has a border color of #afb395.

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

CSS codes

.text {color:#afb395;}

.background {background-color:#afb395;}

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

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

#080806
```
#080806 rgb(8,8,6)
```
#13140e
```
#13140e rgb(19,20,14)
```
#1e1f16
```
#1e1f16 rgb(30,31,22)
```
#292b1e
```
#292b1e rgb(41,43,30)
```
#343627
```
#343627 rgb(52,54,39)
```
#3f412f
```
#3f412f rgb(63,65,47)
```
#4a4d37
```
#4a4d37 rgb(74,77,55)
```
#55583f
```
#55583f rgb(85,88,63)
```
#606447
```
#606447 rgb(96,100,71)
```
#6b6f50
```
#6b6f50 rgb(107,111,80)
```
#767a58
```
#767a58 rgb(118,122,88)
```
#818660
```
#818660 rgb(129,134,96)
```
#8c9168
```
#8c9168 rgb(140,145,104)
```

Shade Color Variation

#959a73
```
#959a73 rgb(149,154,115)
```
#9ea37e
```
#9ea37e rgb(158,163,126)
```
#a6ab8a
```
#a6ab8a rgb(166,171,138)
```
#afb395
```
#afb395 rgb(175,179,149)
```
#b8bba0
```
#b8bba0 rgb(184,187,160)
```
#c0c3ac
```
#c0c3ac rgb(192,195,172)
```
#c9ccb7
```
#c9ccb7 rgb(201,204,183)
```
#d1d4c3
```
#d1d4c3 rgb(209,212,195)
```
#dadcce
```
#dadcce rgb(218,220,206)
```
#e3e4da
```
#e3e4da rgb(227,228,218)
```
#ebece5
```
#ebece5 rgb(235,236,229)
```
#f4f5f0
```
#f4f5f0 rgb(244,245,240)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#a5a5a3
```
#a5a5a3 rgb(165,165,163)
```
#aaac9c
```
#aaac9c rgb(170,172,156)
```
#afb395
```
#afb395 rgb(175,179,149)
```
#b4ba8e
```
#b4ba8e rgb(180,186,142)
```
#b9c187
```
#b9c187 rgb(185,193,135)
```
#bec880
```
#bec880 rgb(190,200,128)
```
#c4cf79
```
#c4cf79 rgb(196,207,121)
```
#c9d672
```
#c9d672 rgb(201,214,114)
```
#cedd6b
```
#cedd6b rgb(206,221,107)
```
#d3e464
```
#d3e464 rgb(211,228,100)
```
#d8eb5d
```
#d8eb5d rgb(216,235,93)
```
#ddf256
```
#ddf256 rgb(221,242,86)
```
#e2f94f
```
#e2f94f rgb(226,249,79)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#aeafa9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb399 Protanopia 1% of men
#cdae9d Deuteranopia 1% of men
#b9b1be Tritanopia 0.001% of the population

Trichromacy

#b8b397 Protanomaly 1% of men, 0.01% of women
#c2af9a Deuteranomaly 6% of men, 0.4% of women
#b5b2af Tritanomaly 0.01% of the population

#afb395 hex color

#afb395 Color Information

#afb395 Color Conversion

Color Schemes with #afb395

Alternatives to #afb395

#afb395 Preview

Shades and Tints of #afb395

Tones of #afb395

Color Blindness Simulator