#afb676 hex color

In a RGB color space, hex #afb676 is composed of 68.6% red, 71.4% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 35.2% yellow and 28.6% black. It has a hue angle of 66.6 degrees, a saturation of 30.5% and a lightness of 58.8%. #afb676 color hex could be obtained by blending #ffffec with #5f6d00. Closest websafe color is: #99cc66.

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

● #afb676 color description : Slightly desaturated yellow.

The hexadecimal color #afb676 has RGB values of R:175, G:182, B:118 and CMYK values of C:0.04, M:0, Y:0.35, K:0.29. Its decimal value is 11515510.

Hex triplet	afb676	`#afb676`
RGB Decimal	175, 182, 118	`rgb(175,182,118)`
RGB Percent	68.6, 71.4, 46.3	`rgb(68.6%,71.4%,46.3%)`
CMYK	4, 0, 35, 29
HSL	66.6°, 30.5, 58.8	`hsl(66.6,30.5%,58.8%)`
HSV (or HSB)	66.6°, 35.2, 71.4
Web Safe	99cc66	`#99cc66`

CIE-LAB	72.147, -12.649, 31.8
XYZ	37.677, 43.878, 23.623
xyY	0.358, 0.417, 43.878
CIE-LCH	72.147, 34.224, 111.691
CIE-LUV	72.147, -1.2, 43.819
Hunter-Lab	66.24, -14.393, 25.224
Binary	10101111, 10110110, 01110110

#afb676
```
#afb676 rgb(175,182,118)
```
#7d76b6
```
#7d76b6 rgb(125,118,182)
```

Complementary Color

#b69d76
```
#b69d76 rgb(182,157,118)
```
#afb676
```
#afb676 rgb(175,182,118)
```
#8fb676
```
#8fb676 rgb(143,182,118)
```

Analogous Color

#9d76b6
```
#9d76b6 rgb(157,118,182)
```
#afb676
```
#afb676 rgb(175,182,118)
```
#768fb6
```
#768fb6 rgb(118,143,182)
```

Split Complementary Color

#b676af
```
#b676af rgb(182,118,175)
```
#afb676
```
#afb676 rgb(175,182,118)
```
#76afb6
```
#76afb6 rgb(118,175,182)
```

Triadic Color

#b67d76
```
#b67d76 rgb(182,125,118)
```
#afb676
```
#afb676 rgb(175,182,118)
```
#76afb6
```
#76afb6 rgb(118,175,182)
```
#7d76b6
```
#7d76b6 rgb(125,118,182)
```

Tetradic Color

#8a924e
```
#8a924e rgb(138,146,78)
```
#9aa257
```
#9aa257 rgb(154,162,87)
```
#a5ad65
```
#a5ad65 rgb(165,173,101)
```
#afb676
```
#afb676 rgb(175,182,118)
```
#b9bf87
```
#b9bf87 rgb(185,191,135)
```
#c2c897
```
#c2c897 rgb(194,200,151)
```
#ccd1a8
```
#ccd1a8 rgb(204,209,168)
```

Monochromatic Color

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

#b6ad76
```
#b6ad76 rgb(182,173,118)
```
#b6b276
```
#b6b276 rgb(182,178,118)
```
#b4b676
```
#b4b676 rgb(180,182,118)
```
#afb676
```
#afb676 rgb(175,182,118)
```
#aab676
```
#aab676 rgb(170,182,118)
```
#a4b676
```
#a4b676 rgb(164,182,118)
```
#9fb676
```
#9fb676 rgb(159,182,118)
```

Similar Colors

Text with hexadecimal color #afb676

This text has a font color of #afb676.

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

#afb676 background color

This paragraph has a background color of #afb676.

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

#afb676 border color

This element has a border color of #afb676.

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

CSS codes

.text {color:#afb676;}

.background {background-color:#afb676;}

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

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 #fafaf6 is the lightest one.

#040402
```
#040402 rgb(4,4,2)
```
#101109
```
#101109 rgb(16,17,9)
```
#1c1d10
```
#1c1d10 rgb(28,29,16)
```
#282a16
```
#282a16 rgb(40,42,22)
```
#34371d
```
#34371d rgb(52,55,29)
```
#404424
```
#404424 rgb(64,68,36)
```
#4c512b
```
#4c512b rgb(76,81,43)
```
#595d32
```
#595d32 rgb(89,93,50)
```
#656a39
```
#656a39 rgb(101,106,57)
```
#71773f
```
#71773f rgb(113,119,63)
```
#7d8446
```
#7d8446 rgb(125,132,70)
```
#89914d
```
#89914d rgb(137,145,77)
```
#959d54
```
#959d54 rgb(149,157,84)
```

Shade Color Variation

#a0a85c
```
#a0a85c rgb(160,168,92)
```
#a8af69
```
#a8af69 rgb(168,175,105)
```
#afb676
```
#afb676 rgb(175,182,118)
```
#b6bd83
```
#b6bd83 rgb(182,189,131)
```
#bec490
```
#bec490 rgb(190,196,144)
```
#c5ca9c
```
#c5ca9c rgb(197,202,156)
```
#cdd1a9
```
#cdd1a9 rgb(205,209,169)
```
#d4d8b6
```
#d4d8b6 rgb(212,216,182)
```
#dcdfc3
```
#dcdfc3 rgb(220,223,195)
```
#e3e6d0
```
#e3e6d0 rgb(227,230,208)
```
#ebeddc
```
#ebeddc rgb(235,237,220)
```
#f2f3e9
```
#f2f3e9 rgb(242,243,233)
```
#fafaf6
```
#fafaf6 rgb(250,250,246)
```

Tint Color Variation

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

#9c9e8e
```
#9c9e8e rgb(156,158,142)
```
#a2a686
```
#a2a686 rgb(162,166,134)
```
#a9ae7e
```
#a9ae7e rgb(169,174,126)
```
#afb676
```
#afb676 rgb(175,182,118)
```
#b5be6e
```
#b5be6e rgb(181,190,110)
```
#bcc666
```
#bcc666 rgb(188,198,102)
```
#c2ce5e
```
#c2ce5e rgb(194,206,94)
```
#c8d656
```
#c8d656 rgb(200,214,86)
```
#cfde4e
```
#cfde4e rgb(207,222,78)
```
#d5e646
```
#d5e646 rgb(213,230,70)
```
#dbef3d
```
#dbef3d rgb(219,239,61)
```
#e1f735
```
#e1f735 rgb(225,247,53)
```
#e8ff2d
```
#e8ff2d rgb(232,255,45)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#adafa2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b47b Protanopia 1% of men
#d6ad80 Deuteranopia 1% of men
#bcb1be Tritanopia 0.001% of the population

Trichromacy

#bcb579 Protanomaly 1% of men, 0.01% of women
#c8b07c Deuteranomaly 6% of men, 0.4% of women
#b7b3a3 Tritanomaly 0.01% of the population

#afb676 hex color

#afb676 Color Information

#afb676 Color Conversion

Color Schemes with #afb676

Alternatives to #afb676

#afb676 Preview

Shades and Tints of #afb676

Tones of #afb676

Color Blindness Simulator