#afbb58 hex color

In a RGB color space, hex #afbb58 is composed of 68.6% red, 73.3% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 52.9% yellow and 26.7% black. It has a hue angle of 67.3 degrees, a saturation of 42.1% and a lightness of 53.9%. #afbb58 color hex could be obtained by blending #ffffb0 with #5f7700. Closest websafe color is: #99cc66.

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

● #afbb58 color description : Moderate yellow.

The hexadecimal color #afbb58 has RGB values of R:175, G:187, B:88 and CMYK values of C:0.06, M:0, Y:0.53, K:0.27. Its decimal value is 11516760.

Hex triplet	afbb58	`#afbb58`
RGB Decimal	175, 187, 88	`rgb(175,187,88)`
RGB Percent	68.6, 73.3, 34.5	`rgb(68.6%,73.3%,34.5%)`
CMYK	6, 0, 53, 27
HSL	67.3°, 42.1, 53.9	`hsl(67.3,42.1%,53.9%)`
HSV (or HSB)	67.3°, 52.9, 73.3
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.128, -18.398, 48.07
XYZ	37.211, 45.359, 16.027
xyY	0.377, 0.46, 45.359
CIE-LCH	73.128, 51.47, 110.944
CIE-LUV	73.128, -3.278, 61.629
Hunter-Lab	67.349, -19.24, 33.035
Binary	10101111, 10111011, 01011000

#afbb58
```
#afbb58 rgb(175,187,88)
```
#6458bb
```
#6458bb rgb(100,88,187)
```

Complementary Color

#bb9658
```
#bb9658 rgb(187,150,88)
```
#afbb58
```
#afbb58 rgb(175,187,88)
```
#7ebb58
```
#7ebb58 rgb(126,187,88)
```

Analogous Color

#9658bb
```
#9658bb rgb(150,88,187)
```
#afbb58
```
#afbb58 rgb(175,187,88)
```
#587ebb
```
#587ebb rgb(88,126,187)
```

Split Complementary Color

#bb58af
```
#bb58af rgb(187,88,175)
```
#afbb58
```
#afbb58 rgb(175,187,88)
```
#58afbb
```
#58afbb rgb(88,175,187)
```

Triadic Color

#bb6458
```
#bb6458 rgb(187,100,88)
```
#afbb58
```
#afbb58 rgb(175,187,88)
```
#58afbb
```
#58afbb rgb(88,175,187)
```
#6458bb
```
#6458bb rgb(100,88,187)
```

Tetradic Color

#838d39
```
#838d39 rgb(131,141,57)
```
#949f41
```
#949f41 rgb(148,159,65)
```
#a5b148
```
#a5b148 rgb(165,177,72)
```
#afbb58
```
#afbb58 rgb(175,187,88)
```
#b8c26a
```
#b8c26a rgb(184,194,106)
```
#c0ca7c
```
#c0ca7c rgb(192,202,124)
```
#c9d18e
```
#c9d18e rgb(201,209,142)
```

Monochromatic Color

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

#bbae58
```
#bbae58 rgb(187,174,88)
```
#bbb758
```
#bbb758 rgb(187,183,88)
```
#b7bb58
```
#b7bb58 rgb(183,187,88)
```
#afbb58
```
#afbb58 rgb(175,187,88)
```
#a7bb58
```
#a7bb58 rgb(167,187,88)
```
#9fbb58
```
#9fbb58 rgb(159,187,88)
```
#96bb58
```
#96bb58 rgb(150,187,88)
```

Similar Colors

Text with hexadecimal color #afbb58

This text has a font color of #afbb58.

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

#afbb58 background color

This paragraph has a background color of #afbb58.

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

#afbb58 border color

This element has a border color of #afbb58.

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

CSS codes

.text {color:#afbb58;}

.background {background-color:#afbb58;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0d0e06
```
#0d0e06 rgb(13,14,6)
```
#1a1c0b
```
#1a1c0b rgb(26,28,11)
```
#272a11
```
#272a11 rgb(39,42,17)
```
#343817
```
#343817 rgb(52,56,23)
```
#41461c
```
#41461c rgb(65,70,28)
```
#4e5422
```
#4e5422 rgb(78,84,34)
```
#5b6228
```
#5b6228 rgb(91,98,40)
```
#68702e
```
#68702e rgb(104,112,46)
```
#757e33
```
#757e33 rgb(117,126,51)
```
#828c39
```
#828c39 rgb(130,140,57)
```
#8f9a3f
```
#8f9a3f rgb(143,154,63)
```
#9ca844
```
#9ca844 rgb(156,168,68)
```

Shade Color Variation

#a8b54a
```
#a8b54a rgb(168,181,74)
```
#afbb58
```
#afbb58 rgb(175,187,88)
```
#b6c166
```
#b6c166 rgb(182,193,102)
```
#bcc674
```
#bcc674 rgb(188,198,116)
```
#c3cc82
```
#c3cc82 rgb(195,204,130)
```
#cad290
```
#cad290 rgb(202,210,144)
```
#d0d79e
```
#d0d79e rgb(208,215,158)
```
#d7ddac
```
#d7ddac rgb(215,221,172)
```
#dee3ba
```
#dee3ba rgb(222,227,186)
```
#e4e8c8
```
#e4e8c8 rgb(228,232,200)
```
#ebeed5
```
#ebeed5 rgb(235,238,213)
```
#f2f4e3
```
#f2f4e3 rgb(242,244,227)
```
#f8f9f1
```
#f8f9f1 rgb(248,249,241)
```

Tint Color Variation

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

#8d8e85
```
#8d8e85 rgb(141,142,133)
```
#94977c
```
#94977c rgb(148,151,124)
```
#9aa073
```
#9aa073 rgb(154,160,115)
```
#a1a96a
```
#a1a96a rgb(161,169,106)
```
#a8b261
```
#a8b261 rgb(168,178,97)
```
#afbb58
```
#afbb58 rgb(175,187,88)
```
#b6c44f
```
#b6c44f rgb(182,196,79)
```
#bdcd46
```
#bdcd46 rgb(189,205,70)
```
#c4d63d
```
#c4d63d rgb(196,214,61)
```
#cadf34
```
#cadf34 rgb(202,223,52)
```
#d1e82b
```
#d1e82b rgb(209,232,43)
```
#d8f122
```
#d8f122 rgb(216,241,34)
```
#dffa19
```
#dffa19 rgb(223,250,25)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#adaf9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab75e Protanopia 1% of men
#deaf65 Deuteranopia 1% of men
#bfb4c0 Tritanopia 0.001% of the population

Trichromacy

#c0b85c Protanomaly 1% of men, 0.01% of women
#cdb360 Deuteranomaly 6% of men, 0.4% of women
#b9b69a Tritanomaly 0.01% of the population

#afbb58 hex color

#afbb58 Color Information

#afbb58 Color Conversion

Color Schemes with #afbb58

Alternatives to #afbb58

#afbb58 Preview

Shades and Tints of #afbb58

Tones of #afbb58

Color Blindness Simulator