#afbe78 hex color

In a RGB color space, hex #afbe78 is composed of 68.6% red, 74.5% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 7.9% cyan, 0% magenta, 36.8% yellow and 25.5% black. It has a hue angle of 72.9 degrees, a saturation of 35% and a lightness of 60.8%. #afbe78 color hex could be obtained by blending #fffff0 with #5f7d00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 75
- B 47
RGB color chart
- C 8
- M 0
- Y 37
- K 25
CMYK color chart

● #afbe78 color description : Slightly desaturated yellow.

The hexadecimal color #afbe78 has RGB values of R:175, G:190, B:120 and CMYK values of C:0.08, M:0, Y:0.37, K:0.25. Its decimal value is 11517560.

Hex triplet	afbe78	`#afbe78`
RGB Decimal	175, 190, 120	`rgb(175,190,120)`
RGB Percent	68.6, 74.5, 47.1	`rgb(68.6%,74.5%,47.1%)`
CMYK	8, 0, 37, 25
HSL	72.9°, 35, 60.8	`hsl(72.9,35%,60.8%)`
HSV (or HSB)	72.9°, 36.8, 74.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	74.379, -16.496, 33.657
XYZ	39.482, 47.297, 24.818
xyY	0.354, 0.424, 47.297
CIE-LCH	74.379, 37.482, 116.11
CIE-LUV	74.379, -5.837, 47.031
Hunter-Lab	68.773, -17.876, 26.745
Binary	10101111, 10111110, 01111000

#afbe78
```
#afbe78 rgb(175,190,120)
```
#8778be
```
#8778be rgb(135,120,190)
```

Complementary Color

#beaa78
```
#beaa78 rgb(190,170,120)
```
#afbe78
```
#afbe78 rgb(175,190,120)
```
#8cbe78
```
#8cbe78 rgb(140,190,120)
```

Analogous Color

#aa78be
```
#aa78be rgb(170,120,190)
```
#afbe78
```
#afbe78 rgb(175,190,120)
```
#788cbe
```
#788cbe rgb(120,140,190)
```

Split Complementary Color

#be78af
```
#be78af rgb(190,120,175)
```
#afbe78
```
#afbe78 rgb(175,190,120)
```
#78afbe
```
#78afbe rgb(120,175,190)
```

Triadic Color

#be8778
```
#be8778 rgb(190,135,120)
```
#afbe78
```
#afbe78 rgb(175,190,120)
```
#78afbe
```
#78afbe rgb(120,175,190)
```
#8778be
```
#8778be rgb(135,120,190)
```

Tetradic Color

#8c9e4c
```
#8c9e4c rgb(140,158,76)
```
#9bad56
```
#9bad56 rgb(155,173,86)
```
#a5b667
```
#a5b667 rgb(165,182,103)
```
#afbe78
```
#afbe78 rgb(175,190,120)
```
#b9c689
```
#b9c689 rgb(185,198,137)
```
#c3cf9a
```
#c3cf9a rgb(195,207,154)
```
#ced7ac
```
#ced7ac rgb(206,215,172)
```

Monochromatic Color

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

#bebc78
```
#bebc78 rgb(190,188,120)
```
#bbbe78
```
#bbbe78 rgb(187,190,120)
```
#b5be78
```
#b5be78 rgb(181,190,120)
```
#afbe78
```
#afbe78 rgb(175,190,120)
```
#a9be78
```
#a9be78 rgb(169,190,120)
```
#a3be78
```
#a3be78 rgb(163,190,120)
```
#9ebe78
```
#9ebe78 rgb(158,190,120)
```

Similar Colors

Text with hexadecimal color #afbe78

This text has a font color of #afbe78.

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

#afbe78 background color

This paragraph has a background color of #afbe78.

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

#afbe78 border color

This element has a border color of #afbe78.

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

CSS codes

.text {color:#afbe78;}

.background {background-color:#afbe78;}

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

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, #090b05 is the darkest color, while #fdfefc is the lightest one.

#090b05
```
#090b05 rgb(9,11,5)
```
#15180c
```
#15180c rgb(21,24,12)
```
#212512
```
#212512 rgb(33,37,18)
```
#2d3218
```
#2d3218 rgb(45,50,24)
```
#39401f
```
#39401f rgb(57,64,31)
```
#444d25
```
#444d25 rgb(68,77,37)
```
#505a2b
```
#505a2b rgb(80,90,43)
```
#5c6732
```
#5c6732 rgb(92,103,50)
```
#687538
```
#687538 rgb(104,117,56)
```
#73823f
```
#73823f rgb(115,130,63)
```
#7f8f45
```
#7f8f45 rgb(127,143,69)
```
#8b9c4b
```
#8b9c4b rgb(139,156,75)
```
#97aa52
```
#97aa52 rgb(151,170,82)
```

Shade Color Variation

#9fb15e
```
#9fb15e rgb(159,177,94)
```
#a7b86b
```
#a7b86b rgb(167,184,107)
```
#afbe78
```
#afbe78 rgb(175,190,120)
```
#b7c485
```
#b7c485 rgb(183,196,133)
```
#bfcb92
```
#bfcb92 rgb(191,203,146)
```
#c7d1a0
```
#c7d1a0 rgb(199,209,160)
```
#ced8ad
```
#ced8ad rgb(206,216,173)
```
#d6deba
```
#d6deba rgb(214,222,186)
```
#dee4c7
```
#dee4c7 rgb(222,228,199)
```
#e6ebd5
```
#e6ebd5 rgb(230,235,213)
```
#eef1e2
```
#eef1e2 rgb(238,241,226)
```
#f6f7ef
```
#f6f7ef rgb(246,247,239)
```
#fdfefc
```
#fdfefc rgb(253,254,252)
```

Tint Color Variation

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

#9d9f97
```
#9d9f97 rgb(157,159,151)
```
#a2a78f
```
#a2a78f rgb(162,167,143)
```
#a6af87
```
#a6af87 rgb(166,175,135)
```
#abb680
```
#abb680 rgb(171,182,128)
```
#afbe78
```
#afbe78 rgb(175,190,120)
```
#b3c670
```
#b3c670 rgb(179,198,112)
```
#b8cd69
```
#b8cd69 rgb(184,205,105)
```
#bcd561
```
#bcd561 rgb(188,213,97)
```
#c1dd59
```
#c1dd59 rgb(193,221,89)
```
#c5e452
```
#c5e452 rgb(197,228,82)
```
#c9ec4a
```
#c9ec4a rgb(201,236,74)
```
#cef442
```
#cef442 rgb(206,244,66)
```
#d2fc3a
```
#d2fc3a rgb(210,252,58)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b1b4a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#caba7c Protanopia 1% of men
#ddb383 Deuteranopia 1% of men
#bdb8c5 Tritanopia 0.001% of the population

Trichromacy

#c0bb7a Protanomaly 1% of men, 0.01% of women
#ccb77f Deuteranomaly 6% of men, 0.4% of women
#b8baa9 Tritanomaly 0.01% of the population

#afbe78 hex color

#afbe78 Color Information

#afbe78 Color Conversion

Color Schemes with #afbe78

Alternatives to #afbe78

#afbe78 Preview

Shades and Tints of #afbe78

Tones of #afbe78

Color Blindness Simulator