#afc858 hex color

In a RGB color space, hex #afc858 is composed of 68.6% red, 78.4% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 12.5% cyan, 0% magenta, 56% yellow and 21.6% black. It has a hue angle of 73.4 degrees, a saturation of 50.5% and a lightness of 56.5%. #afc858 color hex could be obtained by blending #ffffb0 with #5f9100. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 78
- B 35
RGB color chart
- C 13
- M 0
- Y 56
- K 22
CMYK color chart

● #afc858 color description : Moderate yellow.

The hexadecimal color #afc858 has RGB values of R:175, G:200, B:88 and CMYK values of C:0.13, M:0, Y:0.56, K:0.22. Its decimal value is 11520088.

Hex triplet	afc858	`#afc858`
RGB Decimal	175, 200, 88	`rgb(175,200,88)`
RGB Percent	68.6, 78.4, 34.5	`rgb(68.6%,78.4%,34.5%)`
CMYK	13, 0, 56, 22
HSL	73.4°, 50.5, 56.5	`hsl(73.4,50.5%,56.5%)`
HSV (or HSB)	73.4°, 56, 78.4
Web Safe	99cc66	`#99cc66`

CIE-LAB	76.756, -24.821, 52.254
XYZ	40.094, 51.127, 16.988
xyY	0.371, 0.472, 51.127
CIE-LCH	76.756, 57.85, 115.408
CIE-LUV	76.756, -10.888, 67.835
Hunter-Lab	71.503, -25.039, 35.966
Binary	10101111, 11001000, 01011000

#afc858
```
#afc858 rgb(175,200,88)
```
#7158c8
```
#7158c8 rgb(113,88,200)
```

Complementary Color

#c8a958
```
#c8a958 rgb(200,169,88)
```
#afc858
```
#afc858 rgb(175,200,88)
```
#77c858
```
#77c858 rgb(119,200,88)
```

Analogous Color

#a958c8
```
#a958c8 rgb(169,88,200)
```
#afc858
```
#afc858 rgb(175,200,88)
```
#5877c8
```
#5877c8 rgb(88,119,200)
```

Split Complementary Color

#c858af
```
#c858af rgb(200,88,175)
```
#afc858
```
#afc858 rgb(175,200,88)
```
#58afc8
```
#58afc8 rgb(88,175,200)
```

Triadic Color

#c87158
```
#c87158 rgb(200,113,88)
```
#afc858
```
#afc858 rgb(175,200,88)
```
#58afc8
```
#58afc8 rgb(88,175,200)
```
#7158c8
```
#7158c8 rgb(113,88,200)
```

Tetradic Color

#879f34
```
#879f34 rgb(135,159,52)
```
#98b23b
```
#98b23b rgb(152,178,59)
```
#a6c245
```
#a6c245 rgb(166,194,69)
```
#afc858
```
#afc858 rgb(175,200,88)
```
#b8ce6b
```
#b8ce6b rgb(184,206,107)
```
#c1d57e
```
#c1d57e rgb(193,213,126)
```
#cbdb92
```
#cbdb92 rgb(203,219,146)
```

Monochromatic Color

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

#c8c558
```
#c8c558 rgb(200,197,88)
```
#c2c858
```
#c2c858 rgb(194,200,88)
```
#b8c858
```
#b8c858 rgb(184,200,88)
```
#afc858
```
#afc858 rgb(175,200,88)
```
#a6c858
```
#a6c858 rgb(166,200,88)
```
#9cc858
```
#9cc858 rgb(156,200,88)
```
#93c858
```
#93c858 rgb(147,200,88)
```

Similar Colors

Text with hexadecimal color #afc858

This text has a font color of #afc858.

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

#afc858 background color

This paragraph has a background color of #afc858.

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

#afc858 border color

This element has a border color of #afc858.

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

CSS codes

.text {color:#afc858;}

.background {background-color:#afc858;}

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

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, #090a03 is the darkest color, while #fdfdfa is the lightest one.

#090a03
```
#090a03 rgb(9,10,3)
```
#151908
```
#151908 rgb(21,25,8)
```
#22280d
```
#22280d rgb(34,40,13)
```
#2e3612
```
#2e3612 rgb(46,54,18)
```
#3b4517
```
#3b4517 rgb(59,69,23)
```
#47541c
```
#47541c rgb(71,84,28)
```
#546320
```
#546320 rgb(84,99,32)
```
#607125
```
#607125 rgb(96,113,37)
```
#6d802a
```
#6d802a rgb(109,128,42)
```
#798f2f
```
#798f2f rgb(121,143,47)
```
#869e34
```
#869e34 rgb(134,158,52)
```
#93ac39
```
#93ac39 rgb(147,172,57)
```
#9fbb3e
```
#9fbb3e rgb(159,187,62)
```

Shade Color Variation

#a8c349
```
#a8c349 rgb(168,195,73)
```
#afc858
```
#afc858 rgb(175,200,88)
```
#b6cd67
```
#b6cd67 rgb(182,205,103)
```
#bdd276
```
#bdd276 rgb(189,210,118)
```
#c4d784
```
#c4d784 rgb(196,215,132)
```
#cbdb93
```
#cbdb93 rgb(203,219,147)
```
#d2e0a2
```
#d2e0a2 rgb(210,224,162)
```
#d9e5b1
```
#d9e5b1 rgb(217,229,177)
```
#e0eabf
```
#e0eabf rgb(224,234,191)
```
#e8efce
```
#e8efce rgb(232,239,206)
```
#eff4dd
```
#eff4dd rgb(239,244,221)
```
#f6f9ec
```
#f6f9ec rgb(246,249,236)
```
#fdfdfa
```
#fdfdfa rgb(253,253,250)
```

Tint Color Variation

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

#93958b
```
#93958b rgb(147,149,139)
```
#979d83
```
#979d83 rgb(151,157,131)
```
#9ca67a
```
#9ca67a rgb(156,166,122)
```
#a1ae72
```
#a1ae72 rgb(161,174,114)
```
#a6b769
```
#a6b769 rgb(166,183,105)
```
#aabf61
```
#aabf61 rgb(170,191,97)
```
#afc858
```
#afc858 rgb(175,200,88)
```
#b4d14f
```
#b4d14f rgb(180,209,79)
```
#b8d947
```
#b8d947 rgb(184,217,71)
```
#bde23e
```
#bde23e rgb(189,226,62)
```
#c2ea36
```
#c2ea36 rgb(194,234,54)
```
#c7f32d
```
#c7f32d rgb(199,243,45)
```
#cbfb25
```
#cbfb25 rgb(203,251,37)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b3b8a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5c15d Protanopia 1% of men
#eab867 Deuteranopia 1% of men
#c1bfcc Tritanopia 0.001% of the population

Trichromacy

#c7c35b Protanomaly 1% of men, 0.01% of women
#d5be61 Deuteranomaly 6% of men, 0.4% of women
#bac2a2 Tritanomaly 0.01% of the population

#afc858 hex color

#afc858 Color Information

#afc858 Color Conversion

Color Schemes with #afc858

Alternatives to #afc858

#afc858 Preview

Shades and Tints of #afc858

Tones of #afc858

Color Blindness Simulator