#afb777 hex color

In a RGB color space, hex #afb777 is composed of 68.6% red, 71.8% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 4.4% cyan, 0% magenta, 35% yellow and 28.2% black. It has a hue angle of 67.5 degrees, a saturation of 30.8% and a lightness of 59.2%. #afb777 color hex could be obtained by blending #ffffee with #5f6f00. Closest websafe color is: #99cc66.

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

● #afb777 color description : Slightly desaturated yellow.

The hexadecimal color #afb777 has RGB values of R:175, G:183, B:119 and CMYK values of C:0.04, M:0, Y:0.35, K:0.28. Its decimal value is 11515767.

Hex triplet	afb777	`#afb777`
RGB Decimal	175, 183, 119	`rgb(175,183,119)`
RGB Percent	68.6, 71.8, 46.7	`rgb(68.6%,71.8%,46.7%)`
CMYK	4, 0, 35, 28
HSL	67.5°, 30.8, 59.2	`hsl(67.5,30.8%,59.2%)`
HSV (or HSB)	67.5°, 35, 71.8
Web Safe	99cc66	`#99cc66`

CIE-LAB	72.437, -13.04, 31.654
XYZ	37.942, 44.313, 24.006
xyY	0.357, 0.417, 44.313
CIE-LCH	72.437, 34.235, 112.39
CIE-LUV	72.437, -1.812, 43.784
Hunter-Lab	66.568, -14.754, 25.216
Binary	10101111, 10110111, 01110111

#afb777
```
#afb777 rgb(175,183,119)
```
#7f77b7
```
#7f77b7 rgb(127,119,183)
```

Complementary Color

#b79f77
```
#b79f77 rgb(183,159,119)
```
#afb777
```
#afb777 rgb(175,183,119)
```
#8fb777
```
#8fb777 rgb(143,183,119)
```

Analogous Color

#9f77b7
```
#9f77b7 rgb(159,119,183)
```
#afb777
```
#afb777 rgb(175,183,119)
```
#778fb7
```
#778fb7 rgb(119,143,183)
```

Split Complementary Color

#b777af
```
#b777af rgb(183,119,175)
```
#afb777
```
#afb777 rgb(175,183,119)
```
#77afb7
```
#77afb7 rgb(119,175,183)
```

Triadic Color

#b77f77
```
#b77f77 rgb(183,127,119)
```
#afb777
```
#afb777 rgb(175,183,119)
```
#77afb7
```
#77afb7 rgb(119,175,183)
```
#7f77b7
```
#7f77b7 rgb(127,119,183)
```

Tetradic Color

#8b934e
```
#8b934e rgb(139,147,78)
```
#9aa457
```
#9aa457 rgb(154,164,87)
```
#a5ae66
```
#a5ae66 rgb(165,174,102)
```
#afb777
```
#afb777 rgb(175,183,119)
```
#b9c088
```
#b9c088 rgb(185,192,136)
```
#c3c998
```
#c3c998 rgb(195,201,152)
```
#ccd1a9
```
#ccd1a9 rgb(204,209,169)
```

Monochromatic Color

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

#b7af77
```
#b7af77 rgb(183,175,119)
```
#b7b477
```
#b7b477 rgb(183,180,119)
```
#b4b777
```
#b4b777 rgb(180,183,119)
```
#afb777
```
#afb777 rgb(175,183,119)
```
#aab777
```
#aab777 rgb(170,183,119)
```
#a4b777
```
#a4b777 rgb(164,183,119)
```
#9fb777
```
#9fb777 rgb(159,183,119)
```

Similar Colors

Text with hexadecimal color #afb777

This text has a font color of #afb777.

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

#afb777 background color

This paragraph has a background color of #afb777.

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

#afb777 border color

This element has a border color of #afb777.

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

CSS codes

.text {color:#afb777;}

.background {background-color:#afb777;}

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

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

#050503
```
#050503 rgb(5,5,3)
```
#111209
```
#111209 rgb(17,18,9)
```
#1d1f10
```
#1d1f10 rgb(29,31,16)
```
#292c17
```
#292c17 rgb(41,44,23)
```
#35381e
```
#35381e rgb(53,56,30)
```
#414525
```
#414525 rgb(65,69,37)
```
#4d522b
```
#4d522b rgb(77,82,43)
```
#595f32
```
#595f32 rgb(89,95,50)
```
#656c39
```
#656c39 rgb(101,108,57)
```
#717940
```
#717940 rgb(113,121,64)
```
#7d8547
```
#7d8547 rgb(125,133,71)
```
#8a924d
```
#8a924d rgb(138,146,77)
```
#969f54
```
#969f54 rgb(150,159,84)
```

Shade Color Variation

#a0a95d
```
#a0a95d rgb(160,169,93)
```
#a7b06a
```
#a7b06a rgb(167,176,106)
```
#afb777
```
#afb777 rgb(175,183,119)
```
#b7be84
```
#b7be84 rgb(183,190,132)
```
#bec591
```
#bec591 rgb(190,197,145)
```
#c6cb9d
```
#c6cb9d rgb(198,203,157)
```
#cdd2aa
```
#cdd2aa rgb(205,210,170)
```
#d5d9b7
```
#d5d9b7 rgb(213,217,183)
```
#dce0c4
```
#dce0c4 rgb(220,224,196)
```
#e4e7d1
```
#e4e7d1 rgb(228,231,209)
```
#ebedde
```
#ebedde rgb(235,237,222)
```
#f3f4ea
```
#f3f4ea rgb(243,244,234)
```
#fafbf7
```
#fafbf7 rgb(250,251,247)
```

Tint Color Variation

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

#9d9f8f
```
#9d9f8f rgb(157,159,143)
```
#a3a787
```
#a3a787 rgb(163,167,135)
```
#a9af7f
```
#a9af7f rgb(169,175,127)
```
#afb777
```
#afb777 rgb(175,183,119)
```
#b5bf6f
```
#b5bf6f rgb(181,191,111)
```
#bbc767
```
#bbc767 rgb(187,199,103)
```
#c1cf5f
```
#c1cf5f rgb(193,207,95)
```
#c7d757
```
#c7d757 rgb(199,215,87)
```
#cddf4f
```
#cddf4f rgb(205,223,79)
```
#d3e747
```
#d3e747 rgb(211,231,71)
```
#d9ef3f
```
#d9ef3f rgb(217,239,63)
```
#dff737
```
#dff737 rgb(223,247,55)
```
#e5ff2f
```
#e5ff2f rgb(229,255,47)
```

Tone Color Variation

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

#c4b57c Protanopia 1% of men
#d7ae81 Deuteranopia 1% of men
#bcb2bf Tritanopia 0.001% of the population

Trichromacy

#bcb67a Protanomaly 1% of men, 0.01% of women
#c8b17d Deuteranomaly 6% of men, 0.4% of women
#b7b4a4 Tritanomaly 0.01% of the population

#afb777 hex color

#afb777 Color Information

#afb777 Color Conversion

Color Schemes with #afb777

Alternatives to #afb777

#afb777 Preview

Shades and Tints of #afb777

Tones of #afb777

Color Blindness Simulator