#afbd78 hex color

In a RGB color space, hex #afbd78 is composed of 68.6% red, 74.1% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 0% magenta, 36.5% yellow and 25.9% black. It has a hue angle of 72.2 degrees, a saturation of 34.3% and a lightness of 60.6%. #afbd78 color hex could be obtained by blending #fffff0 with #5f7b00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 74
- B 47
RGB color chart
- C 7
- M 0
- Y 37
- K 26
CMYK color chart

● #afbd78 color description : Slightly desaturated yellow.

The hexadecimal color #afbd78 has RGB values of R:175, G:189, B:120 and CMYK values of C:0.07, M:0, Y:0.37, K:0.26. Its decimal value is 11517304.

Hex triplet	afbd78	`#afbd78`
RGB Decimal	175, 189, 120	`rgb(175,189,120)`
RGB Percent	68.6, 74.1, 47.1	`rgb(68.6%,74.1%,47.1%)`
CMYK	7, 0, 37, 26
HSL	72.2°, 34.3, 60.6	`hsl(72.2,34.3%,60.6%)`
HSV (or HSB)	72.2°, 36.5, 74.1
Web Safe	99cc66	`#99cc66`

CIE-LAB	74.103, -15.988, 33.299
XYZ	39.266, 46.865, 24.746
xyY	0.354, 0.423, 46.865
CIE-LCH	74.103, 36.939, 115.647
CIE-LUV	74.103, -5.271, 46.486
Hunter-Lab	68.458, -17.418, 26.489
Binary	10101111, 10111101, 01111000

#afbd78
```
#afbd78 rgb(175,189,120)
```
#8678bd
```
#8678bd rgb(134,120,189)
```

Complementary Color

#bda978
```
#bda978 rgb(189,169,120)
```
#afbd78
```
#afbd78 rgb(175,189,120)
```
#8dbd78
```
#8dbd78 rgb(141,189,120)
```

Analogous Color

#a978bd
```
#a978bd rgb(169,120,189)
```
#afbd78
```
#afbd78 rgb(175,189,120)
```
#788dbd
```
#788dbd rgb(120,141,189)
```

Split Complementary Color

#bd78af
```
#bd78af rgb(189,120,175)
```
#afbd78
```
#afbd78 rgb(175,189,120)
```
#78afbd
```
#78afbd rgb(120,175,189)
```

Triadic Color

#bd8678
```
#bd8678 rgb(189,134,120)
```
#afbd78
```
#afbd78 rgb(175,189,120)
```
#78afbd
```
#78afbd rgb(120,175,189)
```
#8678bd
```
#8678bd rgb(134,120,189)
```

Tetradic Color

#8c9c4c
```
#8c9c4c rgb(140,156,76)
```
#9bac56
```
#9bac56 rgb(155,172,86)
```
#a5b567
```
#a5b567 rgb(165,181,103)
```
#afbd78
```
#afbd78 rgb(175,189,120)
```
#b9c589
```
#b9c589 rgb(185,197,137)
```
#c3ce9a
```
#c3ce9a rgb(195,206,154)
```
#cdd6ab
```
#cdd6ab rgb(205,214,171)
```

Monochromatic Color

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

#bdba78
```
#bdba78 rgb(189,186,120)
```
#bbbd78
```
#bbbd78 rgb(187,189,120)
```
#b5bd78
```
#b5bd78 rgb(181,189,120)
```
#afbd78
```
#afbd78 rgb(175,189,120)
```
#a9bd78
```
#a9bd78 rgb(169,189,120)
```
#a4bd78
```
#a4bd78 rgb(164,189,120)
```
#9ebd78
```
#9ebd78 rgb(158,189,120)
```

Similar Colors

Text with hexadecimal color #afbd78

This text has a font color of #afbd78.

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

#afbd78 background color

This paragraph has a background color of #afbd78.

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

#afbd78 border color

This element has a border color of #afbd78.

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

CSS codes

.text {color:#afbd78;}

.background {background-color:#afbd78;}

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

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

#090a05
```
#090a05 rgb(9,10,5)
```
#15170b
```
#15170b rgb(21,23,11)
```
#212412
```
#212412 rgb(33,36,18)
```
#2c3118
```
#2c3118 rgb(44,49,24)
```
#383f1f
```
#383f1f rgb(56,63,31)
```
#444c25
```
#444c25 rgb(68,76,37)
```
#50592b
```
#50592b rgb(80,89,43)
```
#5c6632
```
#5c6632 rgb(92,102,50)
```
#677338
```
#677338 rgb(103,115,56)
```
#73803f
```
#73803f rgb(115,128,63)
```
#7f8e45
```
#7f8e45 rgb(127,142,69)
```
#8b9b4c
```
#8b9b4c rgb(139,155,76)
```
#97a852
```
#97a852 rgb(151,168,82)
```

Shade Color Variation

#9fb05e
```
#9fb05e rgb(159,176,94)
```
#a7b76b
```
#a7b76b rgb(167,183,107)
```
#afbd78
```
#afbd78 rgb(175,189,120)
```
#b7c385
```
#b7c385 rgb(183,195,133)
```
#bfca92
```
#bfca92 rgb(191,202,146)
```
#c6d0a0
```
#c6d0a0 rgb(198,208,160)
```
#ced7ad
```
#ced7ad rgb(206,215,173)
```
#d6ddba
```
#d6ddba rgb(214,221,186)
```
#dee4c7
```
#dee4c7 rgb(222,228,199)
```
#e6ead4
```
#e6ead4 rgb(230,234,212)
```
#edf1e1
```
#edf1e1 rgb(237,241,225)
```
#f5f7ef
```
#f5f7ef rgb(245,247,239)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#9d9e97
```
#9d9e97 rgb(157,158,151)
```
#a1a68f
```
#a1a68f rgb(161,166,143)
```
#a6ae87
```
#a6ae87 rgb(166,174,135)
```
#aab580
```
#aab580 rgb(170,181,128)
```
#afbd78
```
#afbd78 rgb(175,189,120)
```
#b4c570
```
#b4c570 rgb(180,197,112)
```
#b8cc69
```
#b8cc69 rgb(184,204,105)
```
#bdd461
```
#bdd461 rgb(189,212,97)
```
#c1dc59
```
#c1dc59 rgb(193,220,89)
```
#c6e451
```
#c6e451 rgb(198,228,81)
```
#cbeb4a
```
#cbeb4a rgb(203,235,74)
```
#cff342
```
#cff342 rgb(207,243,66)
```
#d4fb3a
```
#d4fb3a rgb(212,251,58)
```

Tone Color Variation

Below, you can see how #afbd78 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
#b1b3a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b97c Protanopia 1% of men
#dcb283 Deuteranopia 1% of men
#bdb7c4 Tritanopia 0.001% of the population

Trichromacy

#bfbb7a Protanomaly 1% of men, 0.01% of women
#cbb67f Deuteranomaly 6% of men, 0.4% of women
#b8b9a8 Tritanomaly 0.01% of the population

#afbd78 hex color

#afbd78 Color Information

#afbd78 Color Conversion

Color Schemes with #afbd78

Alternatives to #afbd78

#afbd78 Preview

Shades and Tints of #afbd78

Tones of #afbd78

Color Blindness Simulator