#afb978 hex color

In a RGB color space, hex #afb978 is composed of 68.6% red, 72.5% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 5.4% cyan, 0% magenta, 35.1% yellow and 27.5% black. It has a hue angle of 69.2 degrees, a saturation of 31.7% and a lightness of 59.8%. #afb978 color hex could be obtained by blending #fffff0 with #5f7300. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 73
- B 47
RGB color chart
- C 5
- M 0
- Y 35
- K 27
CMYK color chart

● #afb978 color description : Slightly desaturated yellow.

The hexadecimal color #afb978 has RGB values of R:175, G:185, B:120 and CMYK values of C:0.05, M:0, Y:0.35, K:0.27. Its decimal value is 11516280.

Hex triplet	afb978	`#afb978`
RGB Decimal	175, 185, 120	`rgb(175,185,120)`
RGB Percent	68.6, 72.5, 47.1	`rgb(68.6%,72.5%,47.1%)`
CMYK	5, 0, 35, 27
HSL	69.2°, 31.7, 59.8	`hsl(69.2,31.7%,59.8%)`
HSV (or HSB)	69.2°, 35.1, 72.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.002, -13.944, 31.868
XYZ	38.418, 45.168, 24.463
xyY	0.356, 0.418, 45.168
CIE-LCH	73.002, 34.785, 113.632
CIE-LUV	73.002, -2.993, 44.296
Hunter-Lab	67.207, -15.577, 25.464
Binary	10101111, 10111001, 01111000

#afb978
```
#afb978 rgb(175,185,120)
```
#8278b9
```
#8278b9 rgb(130,120,185)
```

Complementary Color

#b9a378
```
#b9a378 rgb(185,163,120)
```
#afb978
```
#afb978 rgb(175,185,120)
```
#8fb978
```
#8fb978 rgb(143,185,120)
```

Analogous Color

#a378b9
```
#a378b9 rgb(163,120,185)
```
#afb978
```
#afb978 rgb(175,185,120)
```
#788fb9
```
#788fb9 rgb(120,143,185)
```

Split Complementary Color

#b978af
```
#b978af rgb(185,120,175)
```
#afb978
```
#afb978 rgb(175,185,120)
```
#78afb9
```
#78afb9 rgb(120,175,185)
```

Triadic Color

#b98278
```
#b98278 rgb(185,130,120)
```
#afb978
```
#afb978 rgb(175,185,120)
```
#78afb9
```
#78afb9 rgb(120,175,185)
```
#8278b9
```
#8278b9 rgb(130,120,185)
```

Tetradic Color

#8b964e
```
#8b964e rgb(139,150,78)
```
#9ba757
```
#9ba757 rgb(155,167,87)
```
#a5b067
```
#a5b067 rgb(165,176,103)
```
#afb978
```
#afb978 rgb(175,185,120)
```
#b9c289
```
#b9c289 rgb(185,194,137)
```
#c3ca9a
```
#c3ca9a rgb(195,202,154)
```
#cdd3aa
```
#cdd3aa rgb(205,211,170)
```

Monochromatic Color

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

#b9b378
```
#b9b378 rgb(185,179,120)
```
#b9b878
```
#b9b878 rgb(185,184,120)
```
#b4b978
```
#b4b978 rgb(180,185,120)
```
#afb978
```
#afb978 rgb(175,185,120)
```
#aab978
```
#aab978 rgb(170,185,120)
```
#a4b978
```
#a4b978 rgb(164,185,120)
```
#9fb978
```
#9fb978 rgb(159,185,120)
```

Similar Colors

Text with hexadecimal color #afb978

This text has a font color of #afb978.

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

#afb978 background color

This paragraph has a background color of #afb978.

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

#afb978 border color

This element has a border color of #afb978.

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

CSS codes

.text {color:#afb978;}

.background {background-color:#afb978;}

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

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

#070704
```
#070704 rgb(7,7,4)
```
#13140a
```
#13140a rgb(19,20,10)
```
#1e2111
```
#1e2111 rgb(30,33,17)
```
#2a2e18
```
#2a2e18 rgb(42,46,24)
```
#363b1e
```
#363b1e rgb(54,59,30)
```
#424825
```
#424825 rgb(66,72,37)
```
#4e552c
```
#4e552c rgb(78,85,44)
```
#5a6233
```
#5a6233 rgb(90,98,51)
```
#666e39
```
#666e39 rgb(102,110,57)
```
#727b40
```
#727b40 rgb(114,123,64)
```
#7e8847
```
#7e8847 rgb(126,136,71)
```
#8a954d
```
#8a954d rgb(138,149,77)
```
#96a254
```
#96a254 rgb(150,162,84)
```

Shade Color Variation

#a0ac5e
```
#a0ac5e rgb(160,172,94)
```
#a7b26b
```
#a7b26b rgb(167,178,107)
```
#afb978
```
#afb978 rgb(175,185,120)
```
#b7c085
```
#b7c085 rgb(183,192,133)
```
#bec692
```
#bec692 rgb(190,198,146)
```
#c6cd9f
```
#c6cd9f rgb(198,205,159)
```
#ced4ac
```
#ced4ac rgb(206,212,172)
```
#d5dab9
```
#d5dab9 rgb(213,218,185)
```
#dde1c6
```
#dde1c6 rgb(221,225,198)
```
#e5e8d2
```
#e5e8d2 rgb(229,232,210)
```
#ecefdf
```
#ecefdf rgb(236,239,223)
```
#f4f5ec
```
#f4f5ec rgb(244,245,236)
```
#fcfcf9
```
#fcfcf9 rgb(252,252,249)
```

Tint Color Variation

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

#999998
```
#999998 rgb(153,153,152)
```
#9fa190
```
#9fa190 rgb(159,161,144)
```
#a4a988
```
#a4a988 rgb(164,169,136)
```
#aab180
```
#aab180 rgb(170,177,128)
```
#afb978
```
#afb978 rgb(175,185,120)
```
#b4c170
```
#b4c170 rgb(180,193,112)
```
#bac968
```
#bac968 rgb(186,201,104)
```
#bfd160
```
#bfd160 rgb(191,209,96)
```
#c5d958
```
#c5d958 rgb(197,217,88)
```
#cae051
```
#cae051 rgb(202,224,81)
```
#d0e849
```
#d0e849 rgb(208,232,73)
```
#d5f041
```
#d5f041 rgb(213,240,65)
```
#dbf839
```
#dbf839 rgb(219,248,57)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#afb1a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b77c Protanopia 1% of men
#d8af83 Deuteranopia 1% of men
#bcb4c1 Tritanopia 0.001% of the population

Trichromacy

#bdb77b Protanomaly 1% of men, 0.01% of women
#c9b37f Deuteranomaly 6% of men, 0.4% of women
#b7b6a6 Tritanomaly 0.01% of the population

#afb978 hex color

#afb978 Color Information

#afb978 Color Conversion

Color Schemes with #afb978

Alternatives to #afb978

#afb978 Preview

Shades and Tints of #afb978

Tones of #afb978

Color Blindness Simulator