#afc85f hex color

In a RGB color space, hex #afc85f is composed of 68.6% red, 78.4% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 12.5% cyan, 0% magenta, 52.5% yellow and 21.6% black. It has a hue angle of 74.3 degrees, a saturation of 48.8% and a lightness of 57.8%. #afc85f color hex could be obtained by blending #ffffbe with #5f9100. Closest websafe color is: #99cc66.

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

● #afc85f color description : Moderate yellow.

The hexadecimal color #afc85f has RGB values of R:175, G:200, B:95 and CMYK values of C:0.13, M:0, Y:0.53, K:0.22. Its decimal value is 11520095.

Hex triplet	afc85f	`#afc85f`
RGB Decimal	175, 200, 95	`rgb(175,200,95)`
RGB Percent	68.6, 78.4, 37.3	`rgb(68.6%,78.4%,37.3%)`
CMYK	13, 0, 53, 22
HSL	74.3°, 48.8, 57.8	`hsl(74.3,48.8%,57.8%)`
HSV (or HSB)	74.3°, 52.5, 78.4
Web Safe	99cc66	`#99cc66`

CIE-LAB	76.829, -24.192, 49.099
XYZ	40.398, 51.249, 18.59
xyY	0.366, 0.465, 51.249
CIE-LCH	76.829, 54.735, 116.23
CIE-LUV	76.829, -10.99, 64.871
Hunter-Lab	71.588, -24.548, 34.716
Binary	10101111, 11001000, 01011111

#afc85f
```
#afc85f rgb(175,200,95)
```
#785fc8
```
#785fc8 rgb(120,95,200)
```

Complementary Color

#c8ad5f
```
#c8ad5f rgb(200,173,95)
```
#afc85f
```
#afc85f rgb(175,200,95)
```
#7bc85f
```
#7bc85f rgb(123,200,95)
```

Analogous Color

#ad5fc8
```
#ad5fc8 rgb(173,95,200)
```
#afc85f
```
#afc85f rgb(175,200,95)
```
#5f7bc8
```
#5f7bc8 rgb(95,123,200)
```

Split Complementary Color

#c85faf
```
#c85faf rgb(200,95,175)
```
#afc85f
```
#afc85f rgb(175,200,95)
```
#5fafc8
```
#5fafc8 rgb(95,175,200)
```

Triadic Color

#c8785f
```
#c8785f rgb(200,120,95)
```
#afc85f
```
#afc85f rgb(175,200,95)
```
#5fafc8
```
#5fafc8 rgb(95,175,200)
```
#785fc8
```
#785fc8 rgb(120,95,200)
```

Tetradic Color

#89a338
```
#89a338 rgb(137,163,56)
```
#99b63e
```
#99b63e rgb(153,182,62)
```
#a6c14c
```
#a6c14c rgb(166,193,76)
```
#afc85f
```
#afc85f rgb(175,200,95)
```
#b8cf72
```
#b8cf72 rgb(184,207,114)
```
#c2d585
```
#c2d585 rgb(194,213,133)
```
#cbdc98
```
#cbdc98 rgb(203,220,152)
```

Monochromatic Color

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

#c8c75f
```
#c8c75f rgb(200,199,95)
```
#c1c85f
```
#c1c85f rgb(193,200,95)
```
#b8c85f
```
#b8c85f rgb(184,200,95)
```
#afc85f
```
#afc85f rgb(175,200,95)
```
#a6c85f
```
#a6c85f rgb(166,200,95)
```
#9ec85f
```
#9ec85f rgb(158,200,95)
```
#95c85f
```
#95c85f rgb(149,200,95)
```

Similar Colors

Text with hexadecimal color #afc85f

This text has a font color of #afc85f.

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

#afc85f background color

This paragraph has a background color of #afc85f.

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

#afc85f border color

This element has a border color of #afc85f.

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

CSS codes

.text {color:#afc85f;}

.background {background-color:#afc85f;}

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

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

#000100
```
#000100 rgb(0,1,0)
```
#0d0f05
```
#0d0f05 rgb(13,15,5)
```
#191e0a
```
#191e0a rgb(25,30,10)
```
#252c0f
```
#252c0f rgb(37,44,15)
```
#323b14
```
#323b14 rgb(50,59,20)
```
#3e4a19
```
#3e4a19 rgb(62,74,25)
```
#4a581e
```
#4a581e rgb(74,88,30)
```
#576723
```
#576723 rgb(87,103,35)
```
#637528
```
#637528 rgb(99,117,40)
```
#6f842d
```
#6f842d rgb(111,132,45)
```
#7c9332
```
#7c9332 rgb(124,147,50)
```
#88a137
```
#88a137 rgb(136,161,55)
```
#94b03c
```
#94b03c rgb(148,176,60)
```

Shade Color Variation

#a0be42
```
#a0be42 rgb(160,190,66)
```
#a8c350
```
#a8c350 rgb(168,195,80)
```
#afc85f
```
#afc85f rgb(175,200,95)
```
#b6cd6e
```
#b6cd6e rgb(182,205,110)
```
#bed27c
```
#bed27c rgb(190,210,124)
```
#c5d78b
```
#c5d78b rgb(197,215,139)
```
#ccdc99
```
#ccdc99 rgb(204,220,153)
```
#d3e1a8
```
#d3e1a8 rgb(211,225,168)
```
#dbe6b7
```
#dbe6b7 rgb(219,230,183)
```
#e2ebc5
```
#e2ebc5 rgb(226,235,197)
```
#e9f0d4
```
#e9f0d4 rgb(233,240,212)
```
#f1f5e2
```
#f1f5e2 rgb(241,245,226)
```
#f8faf1
```
#f8faf1 rgb(248,250,241)
```

Tint Color Variation

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

#959691
```
#959691 rgb(149,150,145)
```
#999f88
```
#999f88 rgb(153,159,136)
```
#9ea780
```
#9ea780 rgb(158,167,128)
```
#a2af78
```
#a2af78 rgb(162,175,120)
```
#a6b770
```
#a6b770 rgb(166,183,112)
```
#abc067
```
#abc067 rgb(171,192,103)
```
#afc85f
```
#afc85f rgb(175,200,95)
```
#b3d057
```
#b3d057 rgb(179,208,87)
```
#b8d94e
```
#b8d94e rgb(184,217,78)
```
#bce146
```
#bce146 rgb(188,225,70)
```
#c0e93e
```
#c0e93e rgb(192,233,62)
```
#c5f136
```
#c5f136 rgb(197,241,54)
```
#c9fa2d
```
#c9fa2d rgb(201,250,45)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b4b9a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4c164 Protanopia 1% of men
#eab86d Deuteranopia 1% of men
#c1bfcd Tritanopia 0.001% of the population

Trichromacy

#c6c362 Protanomaly 1% of men, 0.01% of women
#d4be68 Deuteranomaly 6% of men, 0.4% of women
#bac2a5 Tritanomaly 0.01% of the population

#afc85f hex color

#afc85f Color Information

#afc85f Color Conversion

Color Schemes with #afc85f

Alternatives to #afc85f

#afc85f Preview

Shades and Tints of #afc85f

Tones of #afc85f

Color Blindness Simulator