#afef66 hex color

In a RGB color space, hex #afef66 is composed of 68.6% red, 93.7% green and 40% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 0% magenta, 57.3% yellow and 6.3% black. It has a hue angle of 88 degrees, a saturation of 81.1% and a lightness of 66.9%. #afef66 color hex could be obtained by blending #ffffcc with #5fdf00. Closest websafe color is: #99ff66.

♥
- f
- t
- g
- R 69
- G 94
- B 40
RGB color chart
- C 27
- M 0
- Y 57
- K 6
CMYK color chart

● #afef66 color description : Soft green.

The hexadecimal color #afef66 has RGB values of R:175, G:239, B:102 and CMYK values of C:0.27, M:0, Y:0.57, K:0.06. Its decimal value is 11530086.

Hex triplet	afef66	`#afef66`
RGB Decimal	175, 239, 102	`rgb(175,239,102)`
RGB Percent	68.6, 93.7, 40	`rgb(68.6%,93.7%,40%)`
CMYK	27, 0, 57, 6
HSL	88°, 81.1, 66.9	`hsl(88,81.1%,66.9%)`
HSV (or HSB)	88°, 57.3, 93.7
Web Safe	99ff66	`#99ff66`

CIE-LAB	87.875, -41.587, 58.71
XYZ	50.943, 71.805, 23.745
xyY	0.348, 0.49, 71.805
CIE-LCH	87.875, 71.947, 125.312
CIE-LUV	87.875, -31.9, 80.578
Hunter-Lab	84.738, -40.98, 42.702
Binary	10101111, 11101111, 01100110

#afef66
```
#afef66 rgb(175,239,102)
```
#a666ef
```
#a666ef rgb(166,102,239)
```

Complementary Color

#efeb66
```
#efeb66 rgb(239,235,102)
```
#afef66
```
#afef66 rgb(175,239,102)
```
#6bef66
```
#6bef66 rgb(107,239,102)
```

Analogous Color

#eb66ef
```
#eb66ef rgb(235,102,239)
```
#afef66
```
#afef66 rgb(175,239,102)
```
#666bef
```
#666bef rgb(102,107,239)
```

Split Complementary Color

#ef66af
```
#ef66af rgb(239,102,175)
```
#afef66
```
#afef66 rgb(175,239,102)
```
#66afef
```
#66afef rgb(102,175,239)
```

Triadic Color

#efa666
```
#efa666 rgb(239,166,102)
```
#afef66
```
#afef66 rgb(175,239,102)
```
#66afef
```
#66afef rgb(102,175,239)
```
#a666ef
```
#a666ef rgb(166,102,239)
```

Tetradic Color

#8be821
```
#8be821 rgb(139,232,33)
```
#97ea38
```
#97ea38 rgb(151,234,56)
```
#a3ed4f
```
#a3ed4f rgb(163,237,79)
```
#afef66
```
#afef66 rgb(175,239,102)
```
#bbf17d
```
#bbf17d rgb(187,241,125)
```
#c7f494
```
#c7f494 rgb(199,244,148)
```
#d3f6ab
```
#d3f6ab rgb(211,246,171)
```

Monochromatic Color

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

#d1ef66
```
#d1ef66 rgb(209,239,102)
```
#c6ef66
```
#c6ef66 rgb(198,239,102)
```
#baef66
```
#baef66 rgb(186,239,102)
```
#afef66
```
#afef66 rgb(175,239,102)
```
#a4ef66
```
#a4ef66 rgb(164,239,102)
```
#98ef66
```
#98ef66 rgb(152,239,102)
```
#8def66
```
#8def66 rgb(141,239,102)
```

Similar Colors

Text with hexadecimal color #afef66

This text has a font color of #afef66.

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

#afef66 background color

This paragraph has a background color of #afef66.

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

#afef66 border color

This element has a border color of #afef66.

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

CSS codes

.text {color:#afef66;}

.background {background-color:#afef66;}

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

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

#040701
```
#040701 rgb(4,7,1)
```
#0e1903
```
#0e1903 rgb(14,25,3)
```
#192a04
```
#192a04 rgb(25,42,4)
```
#233c06
```
#233c06 rgb(35,60,6)
```
#2d4e08
```
#2d4e08 rgb(45,78,8)
```
#38600a
```
#38600a rgb(56,96,10)
```
#42710c
```
#42710c rgb(66,113,12)
```
#4c830e
```
#4c830e rgb(76,131,14)
```
#579510
```
#579510 rgb(87,149,16)
```
#61a711
```
#61a711 rgb(97,167,17)
```
#6bb813
```
#6bb813 rgb(107,184,19)
```
#76ca15
```
#76ca15 rgb(118,202,21)
```
#80dc17
```
#80dc17 rgb(128,220,23)
```

Shade Color Variation

#8ae81f
```
#8ae81f rgb(138,232,31)
```
#93e931
```
#93e931 rgb(147,233,49)
```
#9ceb42
```
#9ceb42 rgb(156,235,66)
```
#a6ed54
```
#a6ed54 rgb(166,237,84)
```
#afef66
```
#afef66 rgb(175,239,102)
```
#b8f178
```
#b8f178 rgb(184,241,120)
```
#c2f38a
```
#c2f38a rgb(194,243,138)
```
#cbf59b
```
#cbf59b rgb(203,245,155)
```
#d4f6ad
```
#d4f6ad rgb(212,246,173)
```
#ddf8bf
```
#ddf8bf rgb(221,248,191)
```
#e7fad1
```
#e7fad1 rgb(231,250,209)
```
#f0fce2
```
#f0fce2 rgb(240,252,226)
```
#f9fef4
```
#f9fef4 rgb(249,254,244)
```

Tint Color Variation

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

#abaea7
```
#abaea7 rgb(171,174,167)
```
#abb5a1
```
#abb5a1 rgb(171,181,161)
```
#acbb9a
```
#acbb9a rgb(172,187,154)
```
#acc294
```
#acc294 rgb(172,194,148)
```
#acc88d
```
#acc88d rgb(172,200,141)
```
#adcf87
```
#adcf87 rgb(173,207,135)
```
#add580
```
#add580 rgb(173,213,128)
```
#aedc7a
```
#aedc7a rgb(174,220,122)
```
#aee273
```
#aee273 rgb(174,226,115)
```
#afe96d
```
#afe96d rgb(175,233,109)
```
#afef66
```
#afef66 rgb(175,239,102)
```
#aff660
```
#aff660 rgb(175,246,96)
```
#b0fc59
```
#b0fc59 rgb(176,252,89)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c6d3b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5de68 Protanopia 1% of men
#ffd7a6 Deuteranopia 1% of men
#c8e1f2 Tritanopia 0.001% of the population

Trichromacy

#dce467 Protanomaly 1% of men, 0.01% of women
#e1e08e Deuteranomaly 6% of men, 0.4% of women
#bfe6bf Tritanomaly 0.01% of the population

#afef66 hex color

#afef66 Color Information

#afef66 Color Conversion

Color Schemes with #afef66

Alternatives to #afef66

#afef66 Preview

Shades and Tints of #afef66

Tones of #afef66

Color Blindness Simulator