#afb699 hex color

In a RGB color space, hex #afb699 is composed of 68.6% red, 71.4% green and 60% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 15.9% yellow and 28.6% black. It has a hue angle of 74.5 degrees, a saturation of 16.6% and a lightness of 65.7%. #afb699 color hex could be obtained by blending #ffffff with #5f6d33. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 71
- B 60
RGB color chart
- C 4
- M 0
- Y 16
- K 29
CMYK color chart

● #afb699 color description : Grayish yellow.

The hexadecimal color #afb699 has RGB values of R:175, G:182, B:153 and CMYK values of C:0.04, M:0, Y:0.16, K:0.29. Its decimal value is 11515545.

Hex triplet	afb699	`#afb699`
RGB Decimal	175, 182, 153	`rgb(175,182,153)`
RGB Percent	68.6, 71.4, 60	`rgb(68.6%,71.4%,60%)`
CMYK	4, 0, 16, 29
HSL	74.5°, 16.6, 65.7	`hsl(74.5,16.6%,65.7%)`
HSV (or HSB)	74.5°, 15.9, 71.4
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.806, -7.604, 13.952
XYZ	40.156, 44.87, 36.681
xyY	0.33, 0.369, 44.87
CIE-LCH	72.806, 15.889, 118.593
CIE-LUV	72.806, -2.583, 21.008
Hunter-Lab	66.985, -10.217, 14.423
Binary	10101111, 10110110, 10011001

#afb699
```
#afb699 rgb(175,182,153)
```
#a099b6
```
#a099b6 rgb(160,153,182)
```

Complementary Color

#b6af99
```
#b6af99 rgb(182,175,153)
```
#afb699
```
#afb699 rgb(175,182,153)
```
#a1b699
```
#a1b699 rgb(161,182,153)
```

Analogous Color

#af99b6
```
#af99b6 rgb(175,153,182)
```
#afb699
```
#afb699 rgb(175,182,153)
```
#99a1b6
```
#99a1b6 rgb(153,161,182)
```

Split Complementary Color

#b699af
```
#b699af rgb(182,153,175)
```
#afb699
```
#afb699 rgb(175,182,153)
```
#99afb6
```
#99afb6 rgb(153,175,182)
```

Triadic Color

#b6a099
```
#b6a099 rgb(182,160,153)
```
#afb699
```
#afb699 rgb(175,182,153)
```
#99afb6
```
#99afb6 rgb(153,175,182)
```
#a099b6
```
#a099b6 rgb(160,153,182)
```

Tetradic Color

#8c966c
```
#8c966c rgb(140,150,108)
```
#98a17b
```
#98a17b rgb(152,161,123)
```
#a3ab8a
```
#a3ab8a rgb(163,171,138)
```
#afb699
```
#afb699 rgb(175,182,153)
```
#bbc1a8
```
#bbc1a8 rgb(187,193,168)
```
#c6cbb7
```
#c6cbb7 rgb(198,203,183)
```
#d2d6c6
```
#d2d6c6 rgb(210,214,198)
```

Monochromatic Color

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

#b6b699
```
#b6b699 rgb(182,182,153)
```
#b4b699
```
#b4b699 rgb(180,182,153)
```
#b1b699
```
#b1b699 rgb(177,182,153)
```
#afb699
```
#afb699 rgb(175,182,153)
```
#adb699
```
#adb699 rgb(173,182,153)
```
#aab699
```
#aab699 rgb(170,182,153)
```
#a8b699
```
#a8b699 rgb(168,182,153)
```

Similar Colors

Text with hexadecimal color #afb699

This text has a font color of #afb699.

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

#afb699 background color

This paragraph has a background color of #afb699.

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

#afb699 border color

This element has a border color of #afb699.

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

CSS codes

.text {color:#afb699;}

.background {background-color:#afb699;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0b0c09
```
#0b0c09 rgb(11,12,9)
```
#161811
```
#161811 rgb(22,24,17)
```
#212319
```
#212319 rgb(33,35,25)
```
#2b2f21
```
#2b2f21 rgb(43,47,33)
```
#363a2a
```
#363a2a rgb(54,58,42)
```
#414532
```
#414532 rgb(65,69,50)
```
#4b513a
```
#4b513a rgb(75,81,58)
```
#565c42
```
#565c42 rgb(86,92,66)
```
#61684a
```
#61684a rgb(97,104,74)
```
#6b7352
```
#6b7352 rgb(107,115,82)
```
#767f5b
```
#767f5b rgb(118,127,91)
```
#818a63
```
#818a63 rgb(129,138,99)
```

Shade Color Variation

#8b956b
```
#8b956b rgb(139,149,107)
```
#949d77
```
#949d77 rgb(148,157,119)
```
#9da682
```
#9da682 rgb(157,166,130)
```
#a6ae8e
```
#a6ae8e rgb(166,174,142)
```
#afb699
```
#afb699 rgb(175,182,153)
```
#b8bea4
```
#b8bea4 rgb(184,190,164)
```
#c1c6b0
```
#c1c6b0 rgb(193,198,176)
```
#cacfbb
```
#cacfbb rgb(202,207,187)
```
#d3d7c7
```
#d3d7c7 rgb(211,215,199)
```
#dcdfd2
```
#dcdfd2 rgb(220,223,210)
```
#e5e7de
```
#e5e7de rgb(229,231,222)
```
#eeefe9
```
#eeefe9 rgb(238,239,233)
```
#f7f7f4
```
#f7f7f4 rgb(247,247,244)
```

Tint Color Variation

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

#a8a9a6
```
#a8a9a6 rgb(168,169,166)
```
#acafa0
```
#acafa0 rgb(172,175,160)
```
#afb699
```
#afb699 rgb(175,182,153)
```
#b2bd92
```
#b2bd92 rgb(178,189,146)
```
#b6c38c
```
#b6c38c rgb(182,195,140)
```
#b9ca85
```
#b9ca85 rgb(185,202,133)
```
#bdd17e
```
#bdd17e rgb(189,209,126)
```
#c0d877
```
#c0d877 rgb(192,216,119)
```
#c4de71
```
#c4de71 rgb(196,222,113)
```
#c7e56a
```
#c7e56a rgb(199,229,106)
```
#cbec63
```
#cbec63 rgb(203,236,99)
```
#cef35c
```
#cef35c rgb(206,243,92)
```
#d2f956
```
#d2f956 rgb(210,249,86)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b1b2ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb69c Protanopia 1% of men
#cfb0a1 Deuteranopia 1% of men
#b9b4c1 Tritanopia 0.001% of the population

Trichromacy

#b9b69b Protanomaly 1% of men, 0.01% of women
#c3b29e Deuteranomaly 6% of men, 0.4% of women
#b5b5b2 Tritanomaly 0.01% of the population

#afb699 hex color

#afb699 Color Information

#afb699 Color Conversion

Color Schemes with #afb699

Alternatives to #afb699

#afb699 Preview

Shades and Tints of #afb699

Tones of #afb699

Color Blindness Simulator