#afb858 hex color

In a RGB color space, hex #afb858 is composed of 68.6% red, 72.2% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 0% magenta, 52.2% yellow and 27.8% black. It has a hue angle of 65.6 degrees, a saturation of 40.3% and a lightness of 53.3%. #afb858 color hex could be obtained by blending #ffffb0 with #5f7100. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 72
- B 35
RGB color chart
- C 5
- M 0
- Y 52
- K 28
CMYK color chart

● #afb858 color description : Moderate yellow.

The hexadecimal color #afb858 has RGB values of R:175, G:184, B:88 and CMYK values of C:0.05, M:0, Y:0.52, K:0.28. Its decimal value is 11515992.

Hex triplet	afb858	`#afb858`
RGB Decimal	175, 184, 88	`rgb(175,184,88)`
RGB Percent	68.6, 72.2, 34.5	`rgb(68.6%,72.2%,34.5%)`
CMYK	5, 0, 52, 28
HSL	65.6°, 40.3, 53.3	`hsl(65.6,40.3%,53.3%)`
HSV (or HSB)	65.6°, 52.2, 72.2
Web Safe	99cc66	`#99cc66`

CIE-LAB	72.295, -16.884, 47.097
XYZ	36.581, 44.1, 15.817
xyY	0.379, 0.457, 44.1
CIE-LCH	72.295, 50.032, 109.722
CIE-LUV	72.295, -1.477, 60.182
Hunter-Lab	66.408, -17.886, 32.364
Binary	10101111, 10111000, 01011000

#afb858
```
#afb858 rgb(175,184,88)
```
#6158b8
```
#6158b8 rgb(97,88,184)
```

Complementary Color

#b89158
```
#b89158 rgb(184,145,88)
```
#afb858
```
#afb858 rgb(175,184,88)
```
#7fb858
```
#7fb858 rgb(127,184,88)
```

Analogous Color

#9158b8
```
#9158b8 rgb(145,88,184)
```
#afb858
```
#afb858 rgb(175,184,88)
```
#587fb8
```
#587fb8 rgb(88,127,184)
```

Split Complementary Color

#b858af
```
#b858af rgb(184,88,175)
```
#afb858
```
#afb858 rgb(175,184,88)
```
#58afb8
```
#58afb8 rgb(88,175,184)
```

Triadic Color

#b86158
```
#b86158 rgb(184,97,88)
```
#afb858
```
#afb858 rgb(175,184,88)
```
#58afb8
```
#58afb8 rgb(88,175,184)
```
#6158b8
```
#6158b8 rgb(97,88,184)
```

Tetradic Color

#82893a
```
#82893a rgb(130,137,58)
```
#939b42
```
#939b42 rgb(147,155,66)
```
#a4ad4a
```
#a4ad4a rgb(164,173,74)
```
#afb858
```
#afb858 rgb(175,184,88)
```
#b8c06a
```
#b8c06a rgb(184,192,106)
```
#c0c77c
```
#c0c77c rgb(192,199,124)
```
#c9cf8e
```
#c9cf8e rgb(201,207,142)
```

Monochromatic Color

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

#b8a958
```
#b8a958 rgb(184,169,88)
```
#b8b158
```
#b8b158 rgb(184,177,88)
```
#b7b858
```
#b7b858 rgb(183,184,88)
```
#afb858
```
#afb858 rgb(175,184,88)
```
#a7b858
```
#a7b858 rgb(167,184,88)
```
#9fb858
```
#9fb858 rgb(159,184,88)
```
#97b858
```
#97b858 rgb(151,184,88)
```

Similar Colors

Text with hexadecimal color #afb858

This text has a font color of #afb858.

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

#afb858 background color

This paragraph has a background color of #afb858.

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

#afb858 border color

This element has a border color of #afb858.

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

CSS codes

.text {color:#afb858;}

.background {background-color:#afb858;}

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

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, #0b0c05 is the darkest color, while #fefefd is the lightest one.

#0b0c05
```
#0b0c05 rgb(11,12,5)
```
#181a0b
```
#181a0b rgb(24,26,11)
```
#252711
```
#252711 rgb(37,39,17)
```
#323517
```
#323517 rgb(50,53,23)
```
#3f431c
```
#3f431c rgb(63,67,28)
```
#4c5122
```
#4c5122 rgb(76,81,34)
```
#595f28
```
#595f28 rgb(89,95,40)
```
#666c2e
```
#666c2e rgb(102,108,46)
```
#737a34
```
#737a34 rgb(115,122,52)
```
#80883a
```
#80883a rgb(128,136,58)
```
#8e9640
```
#8e9640 rgb(142,150,64)
```
#9ba345
```
#9ba345 rgb(155,163,69)
```
#a8b14b
```
#a8b14b rgb(168,177,75)
```

Shade Color Variation

#afb858
```
#afb858 rgb(175,184,88)
```
#b6be66
```
#b6be66 rgb(182,190,102)
```
#bcc474
```
#bcc474 rgb(188,196,116)
```
#c3ca81
```
#c3ca81 rgb(195,202,129)
```
#c9cf8f
```
#c9cf8f rgb(201,207,143)
```
#d0d59d
```
#d0d59d rgb(208,213,157)
```
#d7dbab
```
#d7dbab rgb(215,219,171)
```
#dde1b8
```
#dde1b8 rgb(221,225,184)
```
#e4e7c6
```
#e4e7c6 rgb(228,231,198)
```
#eaedd4
```
#eaedd4 rgb(234,237,212)
```
#f1f3e2
```
#f1f3e2 rgb(241,243,226)
```
#f8f8ef
```
#f8f8ef rgb(248,248,239)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#8a8a86
```
#8a8a86 rgb(138,138,134)
```
#91937d
```
#91937d rgb(145,147,125)
```
#999d73
```
#999d73 rgb(153,157,115)
```
#a0a66a
```
#a0a66a rgb(160,166,106)
```
#a8af61
```
#a8af61 rgb(168,175,97)
```
#afb858
```
#afb858 rgb(175,184,88)
```
#b6c14f
```
#b6c14f rgb(182,193,79)
```
#beca46
```
#beca46 rgb(190,202,70)
```
#c5d33d
```
#c5d33d rgb(197,211,61)
```
#cddd33
```
#cddd33 rgb(205,221,51)
```
#d4e62a
```
#d4e62a rgb(212,230,42)
```
#dcef21
```
#dcef21 rgb(220,239,33)
```
#e3f818
```
#e3f818 rgb(227,248,24)
```

Tone Color Variation

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

Dichromacy

#c7b55e Protanopia 1% of men
#dcad65 Deuteranopia 1% of men
#beb1be Tritanopia 0.001% of the population

Trichromacy

#beb65c Protanomaly 1% of men, 0.01% of women
#cbb160 Deuteranomaly 6% of men, 0.4% of women
#b9b398 Tritanomaly 0.01% of the population

#afb858 hex color

#afb858 Color Information

#afb858 Color Conversion

Color Schemes with #afb858

Alternatives to #afb858

#afb858 Preview

Shades and Tints of #afb858

Tones of #afb858

Color Blindness Simulator