#afbd74 hex color

In a RGB color space, hex #afbd74 is composed of 68.6% red, 74.1% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 0% magenta, 38.6% yellow and 25.9% black. It has a hue angle of 71.5 degrees, a saturation of 35.6% and a lightness of 59.8%. #afbd74 color hex could be obtained by blending #ffffe8 with #5f7b00. Closest websafe color is: #99cc66.

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

● #afbd74 color description : Slightly desaturated yellow.

The hexadecimal color #afbd74 has RGB values of R:175, G:189, B:116 and CMYK values of C:0.07, M:0, Y:0.39, K:0.26. Its decimal value is 11517300.

Hex triplet	afbd74	`#afbd74`
RGB Decimal	175, 189, 116	`rgb(175,189,116)`
RGB Percent	68.6, 74.1, 45.5	`rgb(68.6%,74.1%,45.5%)`
CMYK	7, 0, 39, 26
HSL	71.5°, 35.6, 59.8	`hsl(71.5,35.6%,59.8%)`
HSV (or HSB)	71.5°, 38.6, 74.1
Web Safe	99cc66	`#99cc66`

CIE-LAB	74.042, -16.478, 35.289
XYZ	39.029, 46.77, 23.494
xyY	0.357, 0.428, 46.77
CIE-LCH	74.042, 38.946, 115.03
CIE-LUV	74.042, -5.158, 48.755
Hunter-Lab	68.389, -17.813, 27.504
Binary	10101111, 10111101, 01110100

#afbd74
```
#afbd74 rgb(175,189,116)
```
#8274bd
```
#8274bd rgb(130,116,189)
```

Complementary Color

#bda774
```
#bda774 rgb(189,167,116)
```
#afbd74
```
#afbd74 rgb(175,189,116)
```
#8bbd74
```
#8bbd74 rgb(139,189,116)
```

Analogous Color

#a774bd
```
#a774bd rgb(167,116,189)
```
#afbd74
```
#afbd74 rgb(175,189,116)
```
#748bbd
```
#748bbd rgb(116,139,189)
```

Split Complementary Color

#bd74af
```
#bd74af rgb(189,116,175)
```
#afbd74
```
#afbd74 rgb(175,189,116)
```
#74afbd
```
#74afbd rgb(116,175,189)
```

Triadic Color

#bd8274
```
#bd8274 rgb(189,130,116)
```
#afbd74
```
#afbd74 rgb(175,189,116)
```
#74afbd
```
#74afbd rgb(116,175,189)
```
#8274bd
```
#8274bd rgb(130,116,189)
```

Tetradic Color

#8b9b4a
```
#8b9b4a rgb(139,155,74)
```
#9bac52
```
#9bac52 rgb(155,172,82)
```
#a5b563
```
#a5b563 rgb(165,181,99)
```
#afbd74
```
#afbd74 rgb(175,189,116)
```
#b9c585
```
#b9c585 rgb(185,197,133)
```
#c3cd97
```
#c3cd97 rgb(195,205,151)
```
#cdd6a8
```
#cdd6a8 rgb(205,214,168)
```

Monochromatic Color

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

#bdb974
```
#bdb974 rgb(189,185,116)
```
#bbbd74
```
#bbbd74 rgb(187,189,116)
```
#b5bd74
```
#b5bd74 rgb(181,189,116)
```
#afbd74
```
#afbd74 rgb(175,189,116)
```
#a9bd74
```
#a9bd74 rgb(169,189,116)
```
#a3bd74
```
#a3bd74 rgb(163,189,116)
```
#9dbd74
```
#9dbd74 rgb(157,189,116)
```

Similar Colors

Text with hexadecimal color #afbd74

This text has a font color of #afbd74.

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

#afbd74 background color

This paragraph has a background color of #afbd74.

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

#afbd74 border color

This element has a border color of #afbd74.

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

CSS codes

.text {color:#afbd74;}

.background {background-color:#afbd74;}

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

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

#070703
```
#070703 rgb(7,7,3)
```
#13150a
```
#13150a rgb(19,21,10)
```
#1e2210
```
#1e2210 rgb(30,34,16)
```
#2a2f16
```
#2a2f16 rgb(42,47,22)
```
#363d1d
```
#363d1d rgb(54,61,29)
```
#424a23
```
#424a23 rgb(66,74,35)
```
#4e5729
```
#4e5729 rgb(78,87,41)
```
#5a6430
```
#5a6430 rgb(90,100,48)
```
#667236
```
#667236 rgb(102,114,54)
```
#727f3c
```
#727f3c rgb(114,127,60)
```
#7e8c43
```
#7e8c43 rgb(126,140,67)
```
#8a9a49
```
#8a9a49 rgb(138,154,73)
```
#96a74f
```
#96a74f rgb(150,167,79)
```

Shade Color Variation

#a0b059
```
#a0b059 rgb(160,176,89)
```
#a7b767
```
#a7b767 rgb(167,183,103)
```
#afbd74
```
#afbd74 rgb(175,189,116)
```
#b7c381
```
#b7c381 rgb(183,195,129)
```
#beca8f
```
#beca8f rgb(190,202,143)
```
#c6d09c
```
#c6d09c rgb(198,208,156)
```
#ced6a9
```
#ced6a9 rgb(206,214,169)
```
#d5ddb7
```
#d5ddb7 rgb(213,221,183)
```
#dde3c4
```
#dde3c4 rgb(221,227,196)
```
#e5e9d1
```
#e5e9d1 rgb(229,233,209)
```
#ecf0de
```
#ecf0de rgb(236,240,222)
```
#f4f6ec
```
#f4f6ec rgb(244,246,236)
```
#fcfcf9
```
#fcfcf9 rgb(252,252,249)
```

Tint Color Variation

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

#9c9d94
```
#9c9d94 rgb(156,157,148)
```
#a0a58c
```
#a0a58c rgb(160,165,140)
```
#a5ad84
```
#a5ad84 rgb(165,173,132)
```
#aab57c
```
#aab57c rgb(170,181,124)
```
#afbd74
```
#afbd74 rgb(175,189,116)
```
#b4c56c
```
#b4c56c rgb(180,197,108)
```
#b9cd64
```
#b9cd64 rgb(185,205,100)
```
#bed55c
```
#bed55c rgb(190,213,92)
```
#c2dd54
```
#c2dd54 rgb(194,221,84)
```
#c7e44d
```
#c7e44d rgb(199,228,77)
```
#ccec45
```
#ccec45 rgb(204,236,69)
```
#d1f43d
```
#d1f43d rgb(209,244,61)
```
#d6fc35
```
#d6fc35 rgb(214,252,53)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b0b3a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b978 Protanopia 1% of men
#ddb27f Deuteranopia 1% of men
#bdb7c4 Tritanopia 0.001% of the population

Trichromacy

#c0ba77 Protanomaly 1% of men, 0.01% of women
#ccb67b Deuteranomaly 6% of men, 0.4% of women
#b8b9a7 Tritanomaly 0.01% of the population

#afbd74 hex color

#afbd74 Color Information

#afbd74 Color Conversion

Color Schemes with #afbd74

Alternatives to #afbd74

#afbd74 Preview

Shades and Tints of #afbd74

Tones of #afbd74

Color Blindness Simulator