#afe681 hex color

In a RGB color space, hex #afe681 is composed of 68.6% red, 90.2% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 23.9% cyan, 0% magenta, 43.9% yellow and 9.8% black. It has a hue angle of 92.7 degrees, a saturation of 66.9% and a lightness of 70.4%. #afe681 color hex could be obtained by blending #ffffff with #5fcd03. Closest websafe color is: #99ff99.

♥
- f
- t
- g
- R 69
- G 90
- B 51
RGB color chart
- C 24
- M 0
- Y 44
- K 10
CMYK color chart

● #afe681 color description : Very soft green.

The hexadecimal color #afe681 has RGB values of R:175, G:230, B:129 and CMYK values of C:0.24, M:0, Y:0.44, K:0.1. Its decimal value is 11527809.

Hex triplet	afe681	`#afe681`
RGB Decimal	175, 230, 129	`rgb(175,230,129)`
RGB Percent	68.6, 90.2, 50.6	`rgb(68.6%,90.2%,50.6%)`
CMYK	24, 0, 44, 10
HSL	92.7°, 66.9, 70.4	`hsl(92.7,66.9%,70.4%)`
HSV (or HSB)	92.7°, 43.9, 90.2
Web Safe	99ff99	`#99ff99`

CIE-LAB	85.651, -34.692, 43.511
XYZ	49.937, 67.291, 31.125
xyY	0.337, 0.454, 67.291
CIE-LCH	85.651, 55.649, 128.566
CIE-LUV	85.651, -27.335, 63.541
Hunter-Lab	82.031, -34.892, 34.925
Binary	10101111, 11100110, 10000001

#afe681
```
#afe681 rgb(175,230,129)
```
#b881e6
```
#b881e6 rgb(184,129,230)
```

Complementary Color

#e2e681
```
#e2e681 rgb(226,230,129)
```
#afe681
```
#afe681 rgb(175,230,129)
```
#81e686
```
#81e686 rgb(129,230,134)
```

Analogous Color

#e681e2
```
#e681e2 rgb(230,129,226)
```
#afe681
```
#afe681 rgb(175,230,129)
```
#8681e6
```
#8681e6 rgb(134,129,230)
```

Split Complementary Color

#e681af
```
#e681af rgb(230,129,175)
```
#afe681
```
#afe681 rgb(175,230,129)
```
#81afe6
```
#81afe6 rgb(129,175,230)
```

Triadic Color

#e6b881
```
#e6b881 rgb(230,184,129)
```
#afe681
```
#afe681 rgb(175,230,129)
```
#81afe6
```
#81afe6 rgb(129,175,230)
```
#b881e6
```
#b881e6 rgb(184,129,230)
```

Tetradic Color

#86d941
```
#86d941 rgb(134,217,65)
```
#94de56
```
#94de56 rgb(148,222,86)
```
#a1e26c
```
#a1e26c rgb(161,226,108)
```
#afe681
```
#afe681 rgb(175,230,129)
```
#bdea96
```
#bdea96 rgb(189,234,150)
```
#caeeac
```
#caeeac rgb(202,238,172)
```
#d8f3c1
```
#d8f3c1 rgb(216,243,193)
```

Monochromatic Color

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

#c8e681
```
#c8e681 rgb(200,230,129)
```
#c0e681
```
#c0e681 rgb(192,230,129)
```
#b7e681
```
#b7e681 rgb(183,230,129)
```
#afe681
```
#afe681 rgb(175,230,129)
```
#a7e681
```
#a7e681 rgb(167,230,129)
```
#9ee681
```
#9ee681 rgb(158,230,129)
```
#96e681
```
#96e681 rgb(150,230,129)
```

Similar Colors

Text with hexadecimal color #afe681

This text has a font color of #afe681.

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

#afe681 background color

This paragraph has a background color of #afe681.

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

#afe681 border color

This element has a border color of #afe681.

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

CSS codes

.text {color:#afe681;}

.background {background-color:#afe681;}

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

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

#030501
```
#030501 rgb(3,5,1)
```
#0c1504
```
#0c1504 rgb(12,21,4)
```
#152607
```
#152607 rgb(21,38,7)
```
#1e360b
```
#1e360b rgb(30,54,11)
```
#28460e
```
#28460e rgb(40,70,14)
```
#315711
```
#315711 rgb(49,87,17)
```
#3a6714
```
#3a6714 rgb(58,103,20)
```
#437818
```
#437818 rgb(67,120,24)
```
#4d881b
```
#4d881b rgb(77,136,27)
```
#56981e
```
#56981e rgb(86,152,30)
```
#5fa921
```
#5fa921 rgb(95,169,33)
```
#68b925
```
#68b925 rgb(104,185,37)
```
#71c928
```
#71c928 rgb(113,201,40)
```

Shade Color Variation

#7bd62f
```
#7bd62f rgb(123,214,47)
```
#85d940
```
#85d940 rgb(133,217,64)
```
#90dc50
```
#90dc50 rgb(144,220,80)
```
#9ae060
```
#9ae060 rgb(154,224,96)
```
#a5e371
```
#a5e371 rgb(165,227,113)
```
#afe681
```
#afe681 rgb(175,230,129)
```
#b9e991
```
#b9e991 rgb(185,233,145)
```
#c4eca2
```
#c4eca2 rgb(196,236,162)
```
#cef0b2
```
#cef0b2 rgb(206,240,178)
```
#d9f3c2
```
#d9f3c2 rgb(217,243,194)
```
#e3f6d3
```
#e3f6d3 rgb(227,246,211)
```
#edf9e3
```
#edf9e3 rgb(237,249,227)
```
#f8fdf4
```
#f8fdf4 rgb(248,253,244)
```

Tint Color Variation

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

#b3b8af
```
#b3b8af rgb(179,184,175)
```
#b3bdaa
```
#b3bdaa rgb(179,189,170)
```
#b2c3a4
```
#b2c3a4 rgb(178,195,164)
```
#b2c99e
```
#b2c99e rgb(178,201,158)
```
#b1cf98
```
#b1cf98 rgb(177,207,152)
```
#b1d592
```
#b1d592 rgb(177,213,146)
```
#b0da8d
```
#b0da8d rgb(176,218,141)
```
#b0e087
```
#b0e087 rgb(176,224,135)
```
#afe681
```
#afe681 rgb(175,230,129)
```
#aeec7b
```
#aeec7b rgb(174,236,123)
```
#aef275
```
#aef275 rgb(174,242,117)
```
#adf770
```
#adf770 rgb(173,247,112)
```
#adfd6a
```
#adfd6a rgb(173,253,106)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#c5d0bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd882 Protanopia 1% of men
#ffd098 Deuteranopia 1% of men
#c4dbeb Tritanopia 0.001% of the population

Trichromacy

#d5dd81 Protanomaly 1% of men, 0.01% of women
#e1d88f Deuteranomaly 6% of men, 0.4% of women
#bcdfc4 Tritanomaly 0.01% of the population

#afe681 hex color

#afe681 Color Information

#afe681 Color Conversion

Color Schemes with #afe681

Alternatives to #afe681

#afe681 Preview

Shades and Tints of #afe681

Tones of #afe681

Color Blindness Simulator