#afb951 hex color

In a RGB color space, hex #afb951 is composed of 68.6% red, 72.5% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 5.4% cyan, 0% magenta, 56.2% yellow and 27.5% black. It has a hue angle of 65.8 degrees, a saturation of 42.6% and a lightness of 52.2%. #afb951 color hex could be obtained by blending #ffffa2 with #5f7300. Closest websafe color is: #99cc66.

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

● #afb951 color description : Moderate yellow.

The hexadecimal color #afb951 has RGB values of R:175, G:185, B:81 and CMYK values of C:0.05, M:0, Y:0.56, K:0.27. Its decimal value is 11516241.

Hex triplet	afb951	`#afb951`
RGB Decimal	175, 185, 81	`rgb(175,185,81)`
RGB Percent	68.6, 72.5, 31.8	`rgb(68.6%,72.5%,31.8%)`
CMYK	5, 0, 56, 27
HSL	65.8°, 42.6, 52.2	`hsl(65.8,42.6%,52.2%)`
HSV (or HSB)	65.8°, 56.2, 72.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	72.499, -17.988, 50.612
XYZ	36.513, 44.406, 14.432
xyY	0.383, 0.466, 44.406
CIE-LCH	72.499, 53.713, 109.566
CIE-LUV	72.499, -1.917, 63.586
Hunter-Lab	66.638, -18.811, 33.806
Binary	10101111, 10111001, 01010001

#afb951
```
#afb951 rgb(175,185,81)
```
#5b51b9
```
#5b51b9 rgb(91,81,185)
```

Complementary Color

#b98f51
```
#b98f51 rgb(185,143,81)
```
#afb951
```
#afb951 rgb(175,185,81)
```
#7bb951
```
#7bb951 rgb(123,185,81)
```

Analogous Color

#8f51b9
```
#8f51b9 rgb(143,81,185)
```
#afb951
```
#afb951 rgb(175,185,81)
```
#517bb9
```
#517bb9 rgb(81,123,185)
```

Split Complementary Color

#b951af
```
#b951af rgb(185,81,175)
```
#afb951
```
#afb951 rgb(175,185,81)
```
#51afb9
```
#51afb9 rgb(81,175,185)
```

Triadic Color

#b95b51
```
#b95b51 rgb(185,91,81)
```
#afb951
```
#afb951 rgb(175,185,81)
```
#51afb9
```
#51afb9 rgb(81,175,185)
```
#5b51b9
```
#5b51b9 rgb(91,81,185)
```

Tetradic Color

#7f8736
```
#7f8736 rgb(127,135,54)
```
#91993e
```
#91993e rgb(145,153,62)
```
#a2ac45
```
#a2ac45 rgb(162,172,69)
```
#afb951
```
#afb951 rgb(175,185,81)
```
#b7c063
```
#b7c063 rgb(183,192,99)
```
#c0c875
```
#c0c875 rgb(192,200,117)
```
#c8cf88
```
#c8cf88 rgb(200,207,136)
```

Monochromatic Color

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

#b9a951
```
#b9a951 rgb(185,169,81)
```
#b9b251
```
#b9b251 rgb(185,178,81)
```
#b8b951
```
#b8b951 rgb(184,185,81)
```
#afb951
```
#afb951 rgb(175,185,81)
```
#a6b951
```
#a6b951 rgb(166,185,81)
```
#9eb951
```
#9eb951 rgb(158,185,81)
```
#95b951
```
#95b951 rgb(149,185,81)
```

Similar Colors

Text with hexadecimal color #afb951

This text has a font color of #afb951.

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

#afb951 background color

This paragraph has a background color of #afb951.

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

#afb951 border color

This element has a border color of #afb951.

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

CSS codes

.text {color:#afb951;}

.background {background-color:#afb951;}

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

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

#070803
```
#070803 rgb(7,8,3)
```
#151609
```
#151609 rgb(21,22,9)
```
#22240e
```
#22240e rgb(34,36,14)
```
#2f3214
```
#2f3214 rgb(47,50,20)
```
#3c401a
```
#3c401a rgb(60,64,26)
```
#494e1f
```
#494e1f rgb(73,78,31)
```
#565c25
```
#565c25 rgb(86,92,37)
```
#646a2b
```
#646a2b rgb(100,106,43)
```
#717830
```
#717830 rgb(113,120,48)
```
#7e8636
```
#7e8636 rgb(126,134,54)
```
#8b943b
```
#8b943b rgb(139,148,59)
```
#98a241
```
#98a241 rgb(152,162,65)
```
#a6b047
```
#a6b047 rgb(166,176,71)
```

Shade Color Variation

#afb951
```
#afb951 rgb(175,185,81)
```
#b5bf5f
```
#b5bf5f rgb(181,191,95)
```
#bcc46d
```
#bcc46d rgb(188,196,109)
```
#c2ca7b
```
#c2ca7b rgb(194,202,123)
```
#c9d089
```
#c9d089 rgb(201,208,137)
```
#cfd597
```
#cfd597 rgb(207,213,151)
```
#d6dba5
```
#d6dba5 rgb(214,219,165)
```
#dce0b3
```
#dce0b3 rgb(220,224,179)
```
#e2e6c1
```
#e2e6c1 rgb(226,230,193)
```
#e9eccf
```
#e9eccf rgb(233,236,207)
```
#eff1dd
```
#eff1dd rgb(239,241,221)
```
#f6f7eb
```
#f6f7eb rgb(246,247,235)
```
#fcfdf9
```
#fcfdf9 rgb(252,253,249)
```

Tint Color Variation

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

#898a80
```
#898a80 rgb(137,138,128)
```
#919377
```
#919377 rgb(145,147,119)
```
#989d6d
```
#989d6d rgb(152,157,109)
```
#a0a664
```
#a0a664 rgb(160,166,100)
```
#a7b05a
```
#a7b05a rgb(167,176,90)
```
#afb951
```
#afb951 rgb(175,185,81)
```
#b7c248
```
#b7c248 rgb(183,194,72)
```
#becc3e
```
#becc3e rgb(190,204,62)
```
#c6d535
```
#c6d535 rgb(198,213,53)
```
#cddf2b
```
#cddf2b rgb(205,223,43)
```
#d5e822
```
#d5e822 rgb(213,232,34)
```
#dcf119
```
#dcf119 rgb(220,241,25)
```
#e4fb0f
```
#e4fb0f rgb(228,251,15)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#abad98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b658 Protanopia 1% of men
#ddad5f Deuteranopia 1% of men
#bfb1be Tritanopia 0.001% of the population

Trichromacy

#bfb755 Protanomaly 1% of men, 0.01% of women
#ccb15a Deuteranomaly 6% of men, 0.4% of women
#b9b496 Tritanomaly 0.01% of the population

#afb951 hex color

#afb951 Color Information

#afb951 Color Conversion

Color Schemes with #afb951

Alternatives to #afb951

#afb951 Preview

Shades and Tints of #afb951

Tones of #afb951

Color Blindness Simulator