#afe87b hex color

In a RGB color space, hex #afe87b is composed of 68.6% red, 91% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 0% magenta, 47% yellow and 9% black. It has a hue angle of 91.4 degrees, a saturation of 70.3% and a lightness of 69.6%. #afe87b color hex could be obtained by blending #fffff6 with #5fd100. Closest websafe color is: #99ff66.

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

● #afe87b color description : Soft green.

The hexadecimal color #afe87b has RGB values of R:175, G:232, B:123 and CMYK values of C:0.25, M:0, Y:0.47, K:0.09. Its decimal value is 11528315.

Hex triplet	afe87b	`#afe87b`
RGB Decimal	175, 232, 123	`rgb(175,232,123)`
RGB Percent	68.6, 91, 48.2	`rgb(68.6%,91%,48.2%)`
CMYK	25, 0, 47, 9
HSL	91.4°, 70.3, 69.6	`hsl(91.4,70.3%,69.6%)`
HSV (or HSB)	91.4°, 47, 91
Web Safe	99ff66	`#99ff66`

CIE-LAB	86.134, -36.312, 47.012
XYZ	50.11, 68.256, 29.272
xyY	0.339, 0.462, 68.256
CIE-LCH	86.134, 59.403, 127.682
CIE-LUV	86.134, -28.342, 67.667
Hunter-Lab	82.617, -36.315, 36.825
Binary	10101111, 11101000, 01111011

#afe87b
```
#afe87b rgb(175,232,123)
```
#b47be8
```
#b47be8 rgb(180,123,232)
```

Complementary Color

#e6e87b
```
#e6e87b rgb(230,232,123)
```
#afe87b
```
#afe87b rgb(175,232,123)
```
#7be87e
```
#7be87e rgb(123,232,126)
```

Analogous Color

#e87be6
```
#e87be6 rgb(232,123,230)
```
#afe87b
```
#afe87b rgb(175,232,123)
```
#7e7be8
```
#7e7be8 rgb(126,123,232)
```

Split Complementary Color

#e87baf
```
#e87baf rgb(232,123,175)
```
#afe87b
```
#afe87b rgb(175,232,123)
```
#7bafe8
```
#7bafe8 rgb(123,175,232)
```

Triadic Color

#e8b47b
```
#e8b47b rgb(232,180,123)
```
#afe87b
```
#afe87b rgb(175,232,123)
```
#7bafe8
```
#7bafe8 rgb(123,175,232)
```
#b47be8
```
#b47be8 rgb(180,123,232)
```

Tetradic Color

#88dd3a
```
#88dd3a rgb(136,221,58)
```
#95e050
```
#95e050 rgb(149,224,80)
```
#a2e465
```
#a2e465 rgb(162,228,101)
```
#afe87b
```
#afe87b rgb(175,232,123)
```
#bcec91
```
#bcec91 rgb(188,236,145)
```
#c9f0a6
```
#c9f0a6 rgb(201,240,166)
```
#d6f3bc
```
#d6f3bc rgb(214,243,188)
```

Monochromatic Color

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

#cae87b
```
#cae87b rgb(202,232,123)
```
#c1e87b
```
#c1e87b rgb(193,232,123)
```
#b8e87b
```
#b8e87b rgb(184,232,123)
```
#afe87b
```
#afe87b rgb(175,232,123)
```
#a6e87b
```
#a6e87b rgb(166,232,123)
```
#9de87b
```
#9de87b rgb(157,232,123)
```
#94e87b
```
#94e87b rgb(148,232,123)
```

Similar Colors

Text with hexadecimal color #afe87b

This text has a font color of #afe87b.

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

#afe87b background color

This paragraph has a background color of #afe87b.

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

#afe87b border color

This element has a border color of #afe87b.

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

CSS codes

.text {color:#afe87b;}

.background {background-color:#afe87b;}

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

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

#010200
```
#010200 rgb(1,2,0)
```
#0a1203
```
#0a1203 rgb(10,18,3)
```
#142306
```
#142306 rgb(20,35,6)
```
#1d3409
```
#1d3409 rgb(29,52,9)
```
#27440c
```
#27440c rgb(39,68,12)
```
#30550f
```
#30550f rgb(48,85,15)
```
#3a6612
```
#3a6612 rgb(58,102,18)
```
#437715
```
#437715 rgb(67,119,21)
```
#4d8718
```
#4d8718 rgb(77,135,24)
```
#56981a
```
#56981a rgb(86,152,26)
```
#60a91d
```
#60a91d rgb(96,169,29)
```
#69b920
```
#69b920 rgb(105,185,32)
```
#73ca23
```
#73ca23 rgb(115,202,35)
```

Shade Color Variation

#7cd927
```
#7cd927 rgb(124,217,39)
```
#87dc38
```
#87dc38 rgb(135,220,56)
```
#91df49
```
#91df49 rgb(145,223,73)
```
#9be25a
```
#9be25a rgb(155,226,90)
```
#a5e56a
```
#a5e56a rgb(165,229,106)
```
#afe87b
```
#afe87b rgb(175,232,123)
```
#b9eb8c
```
#b9eb8c rgb(185,235,140)
```
#c3ee9c
```
#c3ee9c rgb(195,238,156)
```
#cdf1ad
```
#cdf1ad rgb(205,241,173)
```
#d7f4be
```
#d7f4be rgb(215,244,190)
```
#e2f7cf
```
#e2f7cf rgb(226,247,207)
```
#ecf9df
```
#ecf9df rgb(236,249,223)
```
#f6fcf0
```
#f6fcf0 rgb(246,252,240)
```

Tint Color Variation

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

#b1b2b1
```
#b1b2b1 rgb(177,178,177)
```
#b1b8ab
```
#b1b8ab rgb(177,184,171)
```
#b1bea5
```
#b1bea5 rgb(177,190,165)
```
#b1c49f
```
#b1c49f rgb(177,196,159)
```
#b0ca99
```
#b0ca99 rgb(176,202,153)
```
#b0d093
```
#b0d093 rgb(176,208,147)
```
#b0d68d
```
#b0d68d rgb(176,214,141)
```
#b0dc87
```
#b0dc87 rgb(176,220,135)
```
#afe281
```
#afe281 rgb(175,226,129)
```
#afe87b
```
#afe87b rgb(175,232,123)
```
#afee75
```
#afee75 rgb(175,238,117)
```
#aef46f
```
#aef46f rgb(174,244,111)
```
#aefa69
```
#aefa69 rgb(174,250,105)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#c5d1bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed97c Protanopia 1% of men
#ffd19a Deuteranopia 1% of men
#c5dcec Tritanopia 0.001% of the population

Trichromacy

#d7de7b Protanomaly 1% of men, 0.01% of women
#e1d98f Deuteranomaly 6% of men, 0.4% of women
#bde0c3 Tritanomaly 0.01% of the population

#afe87b hex color

#afe87b Color Information

#afe87b Color Conversion

Color Schemes with #afe87b

Alternatives to #afe87b

#afe87b Preview

Shades and Tints of #afe87b

Tones of #afe87b

Color Blindness Simulator