colorhexa.com

#afbf5a hex color

In a RGB color space, hex #afbf5a is composed of 68.6% red, 74.9% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 8.4% cyan, 0% magenta, 52.9% yellow and 25.1% black. It has a hue angle of 69.5 degrees, a saturation of 44.1% and a lightness of 55.1%. #afbf5a color hex could be obtained by blending #ffffb4 with #5f7f00. Closest websafe color is: #99cc66.

- R 69
- G 75
- B 35
RGB color chart
- C 8
- M 0
- Y 53
- K 25
CMYK color chart

● #afbf5a color description : Moderate yellow.

The hexadecimal color #afbf5a has RGB values of R:175, G:191, B:90 and CMYK values of C:0.08, M:0, Y:0.53, K:0.25. Its decimal value is 11517786.

Hex triplet	afbf5a	`#afbf5a`
RGB Decimal	175, 191, 90	`rgb(175,191,90)`
RGB Percent	68.6, 74.9, 35.3	`rgb(68.6%,74.9%,35.3%)`
CMYK	8, 0, 53, 25
HSL	69.5°, 44.1, 55.1	`hsl(69.5,44.1%,55.1%)`
HSV (or HSB)	69.5°, 52.9, 74.9
Web Safe	99cc66	`#99cc66`

CIE-LAB	74.263, -20.22, 48.448
XYZ	38.155, 47.114, 16.756
xyY	0.374, 0.462, 47.114
CIE-LCH	74.263, 52.498, 112.653
CIE-LUV	74.263, -5.692, 62.694
Hunter-Lab	68.64, -20.895, 33.574
Binary	10101111, 10111111, 01011010

#afbf5a
```
#afbf5a rgb(175,191,90)
```
#6a5abf
```
#6a5abf rgb(106,90,191)
```

Complementary Color

#bf9d5a
```
#bf9d5a rgb(191,157,90)
```
#afbf5a
```
#afbf5a rgb(175,191,90)
```
#7dbf5a
```
#7dbf5a rgb(125,191,90)
```

Analogous Color

#9d5abf
```
#9d5abf rgb(157,90,191)
```
#afbf5a
```
#afbf5a rgb(175,191,90)
```
#5a7dbf
```
#5a7dbf rgb(90,125,191)
```

Split Complementary Color

#bf5aaf
```
#bf5aaf rgb(191,90,175)
```
#afbf5a
```
#afbf5a rgb(175,191,90)
```
#5aafbf
```
#5aafbf rgb(90,175,191)
```

Triadic Color

#bf6a5a
```
#bf6a5a rgb(191,106,90)
```
#afbf5a
```
#afbf5a rgb(175,191,90)
```
#5aafbf
```
#5aafbf rgb(90,175,191)
```
#6a5abf
```
#6a5abf rgb(106,90,191)
```

Tetradic Color

#859339
```
#859339 rgb(133,147,57)
```
#96a640
```
#96a640 rgb(150,166,64)
```
#a6b848
```
#a6b848 rgb(166,184,72)
```
#afbf5a
```
#afbf5a rgb(175,191,90)
```
#b8c66c
```
#b8c66c rgb(184,198,108)
```
#c1cd7f
```
#c1cd7f rgb(193,205,127)
```
#cad491
```
#cad491 rgb(202,212,145)
```

Monochromatic Color

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

#bfb65a
```
#bfb65a rgb(191,182,90)
```
#bfbe5a
```
#bfbe5a rgb(191,190,90)
```
#b7bf5a
```
#b7bf5a rgb(183,191,90)
```
#afbf5a
```
#afbf5a rgb(175,191,90)
```
#a7bf5a
```
#a7bf5a rgb(167,191,90)
```
#9ebf5a
```
#9ebf5a rgb(158,191,90)
```
#96bf5a
```
#96bf5a rgb(150,191,90)
```

Similar Colors

Text with hexadecimal color #afbf5a

This text has a font color of #afbf5a.

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

#afbf5a background color

This paragraph has a background color of #afbf5a.

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

#afbf5a border color

This element has a border color of #afbf5a.

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

CSS codes

.text {color:#afbf5a;}

.background {background-color:#afbf5a;}

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

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

#040502
```
#040502 rgb(4,5,2)
```
#111307
```
#111307 rgb(17,19,7)
```
#1e210d
```
#1e210d rgb(30,33,13)
```
#2a2f12
```
#2a2f12 rgb(42,47,18)
```
#373d18
```
#373d18 rgb(55,61,24)
```
#444b1d
```
#444b1d rgb(68,75,29)
```
#515923
```
#515923 rgb(81,89,35)
```
#5d6828
```
#5d6828 rgb(93,104,40)
```
#6a762e
```
#6a762e rgb(106,118,46)
```
#778433
```
#778433 rgb(119,132,51)
```
#849239
```
#849239 rgb(132,146,57)
```
#91a03e
```
#91a03e rgb(145,160,62)
```
#9dae44
```
#9dae44 rgb(157,174,68)
```

Shade Color Variation

#a8ba4c
```
#a8ba4c rgb(168,186,76)
```
#afbf5a
```
#afbf5a rgb(175,191,90)
```
#b6c468
```
#b6c468 rgb(182,196,104)
```
#bdca76
```
#bdca76 rgb(189,202,118)
```
#c4cf84
```
#c4cf84 rgb(196,207,132)
```
#cad593
```
#cad593 rgb(202,213,147)
```
#d1daa1
```
#d1daa1 rgb(209,218,161)
```
#d8e0af
```
#d8e0af rgb(216,224,175)
```
#dfe5bd
```
#dfe5bd rgb(223,229,189)
```
#e6ebcb
```
#e6ebcb rgb(230,235,203)
```
#edf0d9
```
#edf0d9 rgb(237,240,217)
```
#f4f6e7
```
#f4f6e7 rgb(244,246,231)
```
#fafbf5
```
#fafbf5 rgb(250,251,245)
```

Tint Color Variation

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

#919386
```
#919386 rgb(145,147,134)
```
#979c7d
```
#979c7d rgb(151,156,125)
```
#9da574
```
#9da574 rgb(157,165,116)
```
#a3ad6c
```
#a3ad6c rgb(163,173,108)
```
#a9b663
```
#a9b663 rgb(169,182,99)
```
#afbf5a
```
#afbf5a rgb(175,191,90)
```
#b5c851
```
#b5c851 rgb(181,200,81)
```
#bbd148
```
#bbd148 rgb(187,209,72)
```
#c1d940
```
#c1d940 rgb(193,217,64)
```
#c7e237
```
#c7e237 rgb(199,226,55)
```
#cdeb2e
```
#cdeb2e rgb(205,235,46)
```
#d3f425
```
#d3f425 rgb(211,244,37)
```
#d9fd1c
```
#d9fd1c rgb(217,253,28)
```

Tone Color Variation

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

Dichromacy

#cdba60 Protanopia 1% of men
#e2b268 Deuteranopia 1% of men
#bfb7c4 Tritanopia 0.001% of the population

Trichromacy

#c2bc5d Protanomaly 1% of men, 0.01% of women
#cfb663 Deuteranomaly 6% of men, 0.4% of women
#b9ba9d Tritanomaly 0.01% of the population