#afe85f hex color

In a RGB color space, hex #afe85f is composed of 68.6% red, 91% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 0% magenta, 59.1% yellow and 9% black. It has a hue angle of 85 degrees, a saturation of 74.9% and a lightness of 64.1%. #afe85f color hex could be obtained by blending #ffffbe with #5fd100. Closest websafe color is: #99ff66.

♥
- f
- t
- g
- R 69
- G 91
- B 37
RGB color chart
- C 25
- M 0
- Y 59
- K 9
CMYK color chart

● #afe85f color description : Soft green.

The hexadecimal color #afe85f has RGB values of R:175, G:232, B:95 and CMYK values of C:0.25, M:0, Y:0.59, K:0.09. Its decimal value is 11528287.

Hex triplet	afe85f	`#afe85f`
RGB Decimal	175, 232, 95	`rgb(175,232,95)`
RGB Percent	68.6, 91, 37.3	`rgb(68.6%,91%,37.3%)`
CMYK	25, 0, 59, 9
HSL	85°, 74.9, 64.1	`hsl(85,74.9%,64.1%)`
HSV (or HSB)	85°, 59.1, 91
Web Safe	99ff66	`#99ff66`

CIE-LAB	85.832, -39.107, 59.429
XYZ	48.6, 67.652, 21.324
xyY	0.353, 0.492, 67.652
CIE-LCH	85.832, 71.142, 123.347
CIE-LUV	85.832, -28.341, 80.062
Hunter-Lab	82.251, -38.468, 42.205
Binary	10101111, 11101000, 01011111

#afe85f
```
#afe85f rgb(175,232,95)
```
#985fe8
```
#985fe8 rgb(152,95,232)
```

Complementary Color

#e8dd5f
```
#e8dd5f rgb(232,221,95)
```
#afe85f
```
#afe85f rgb(175,232,95)
```
#6be85f
```
#6be85f rgb(107,232,95)
```

Analogous Color

#dd5fe8
```
#dd5fe8 rgb(221,95,232)
```
#afe85f
```
#afe85f rgb(175,232,95)
```
#5f6be8
```
#5f6be8 rgb(95,107,232)
```

Split Complementary Color

#e85faf
```
#e85faf rgb(232,95,175)
```
#afe85f
```
#afe85f rgb(175,232,95)
```
#5fafe8
```
#5fafe8 rgb(95,175,232)
```

Triadic Color

#e8985f
```
#e8985f rgb(232,152,95)
```
#afe85f
```
#afe85f rgb(175,232,95)
```
#5fafe8
```
#5fafe8 rgb(95,175,232)
```
#985fe8
```
#985fe8 rgb(152,95,232)
```

Tetradic Color

#8ddb1f
```
#8ddb1f rgb(141,219,31)
```
#99e232
```
#99e232 rgb(153,226,50)
```
#a4e549
```
#a4e549 rgb(164,229,73)
```
#afe85f
```
#afe85f rgb(175,232,95)
```
#baeb75
```
#baeb75 rgb(186,235,117)
```
#c5ee8c
```
#c5ee8c rgb(197,238,140)
```
#d0f2a2
```
#d0f2a2 rgb(208,242,162)
```

Monochromatic Color

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

#d1e85f
```
#d1e85f rgb(209,232,95)
```
#c6e85f
```
#c6e85f rgb(198,232,95)
```
#bae85f
```
#bae85f rgb(186,232,95)
```
#afe85f
```
#afe85f rgb(175,232,95)
```
#a4e85f
```
#a4e85f rgb(164,232,95)
```
#98e85f
```
#98e85f rgb(152,232,95)
```
#8de85f
```
#8de85f rgb(141,232,95)
```

Similar Colors

Text with hexadecimal color #afe85f

This text has a font color of #afe85f.

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

#afe85f background color

This paragraph has a background color of #afe85f.

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

#afe85f border color

This element has a border color of #afe85f.

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

CSS codes

.text {color:#afe85f;}

.background {background-color:#afe85f;}

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

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, #070c02 is the darkest color, while #fcfef9 is the lightest one.

#070c02
```
#070c02 rgb(7,12,2)
```
#121d04
```
#121d04 rgb(18,29,4)
```
#1d2e07
```
#1d2e07 rgb(29,46,7)
```
#293f09
```
#293f09 rgb(41,63,9)
```
#34500c
```
#34500c rgb(52,80,12)
```
#3f610e
```
#3f610e rgb(63,97,14)
```
#4a7210
```
#4a7210 rgb(74,114,16)
```
#558413
```
#558413 rgb(85,132,19)
```
#609515
```
#609515 rgb(96,149,21)
```
#6ba618
```
#6ba618 rgb(107,166,24)
```
#76b71a
```
#76b71a rgb(118,183,26)
```
#81c81d
```
#81c81d rgb(129,200,29)
```
#8cd91f
```
#8cd91f rgb(140,217,31)
```

Shade Color Variation

#95e12c
```
#95e12c rgb(149,225,44)
```
#9ee33d
```
#9ee33d rgb(158,227,61)
```
#a6e64e
```
#a6e64e rgb(166,230,78)
```
#afe85f
```
#afe85f rgb(175,232,95)
```
#b8ea70
```
#b8ea70 rgb(184,234,112)
```
#c0ed81
```
#c0ed81 rgb(192,237,129)
```
#c9ef92
```
#c9ef92 rgb(201,239,146)
```
#d1f2a4
```
#d1f2a4 rgb(209,242,164)
```
#daf4b5
```
#daf4b5 rgb(218,244,181)
```
#e2f7c6
```
#e2f7c6 rgb(226,247,198)
```
#ebf9d7
```
#ebf9d7 rgb(235,249,215)
```
#f4fce8
```
#f4fce8 rgb(244,252,232)
```
#fcfef9
```
#fcfef9 rgb(252,254,249)
```

Tint Color Variation

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

#a4a99e
```
#a4a99e rgb(164,169,158)
```
#a6b097
```
#a6b097 rgb(166,176,151)
```
#a7b790
```
#a7b790 rgb(167,183,144)
```
#a8be89
```
#a8be89 rgb(168,190,137)
```
#a9c582
```
#a9c582 rgb(169,197,130)
```
#aacc7b
```
#aacc7b rgb(170,204,123)
```
#abd374
```
#abd374 rgb(171,211,116)
```
#adda6d
```
#adda6d rgb(173,218,109)
```
#aee166
```
#aee166 rgb(174,225,102)
```
#afe85f
```
#afe85f rgb(175,232,95)
```
#b0ef58
```
#b0ef58 rgb(176,239,88)
```
#b1f651
```
#b1f651 rgb(177,246,81)
```
#b3fd4a
```
#b3fd4a rgb(179,253,74)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c2ceb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd862 Protanopia 1% of men
#ffd191 Deuteranopia 1% of men
#c7dbeb Tritanopia 0.001% of the population

Trichromacy

#d8de61 Protanomaly 1% of men, 0.01% of women
#e1d97f Deuteranomaly 6% of men, 0.4% of women
#bee0b8 Tritanomaly 0.01% of the population

#afe85f hex color

#afe85f Color Information

#afe85f Color Conversion

Color Schemes with #afe85f

Alternatives to #afe85f

#afe85f Preview

Shades and Tints of #afe85f

Tones of #afe85f

Color Blindness Simulator