#afef96 hex color

In a RGB color space, hex #afef96 is composed of 68.6% red, 93.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 0% magenta, 37.2% yellow and 6.3% black. It has a hue angle of 103.1 degrees, a saturation of 73.6% and a lightness of 76.3%. #afef96 color hex could be obtained by blending #ffffff with #5fdf2d. Closest websafe color is: #99ff99.

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

● #afef96 color description : Very soft green.

The hexadecimal color #afef96 has RGB values of R:175, G:239, B:150 and CMYK values of C:0.27, M:0, Y:0.37, K:0.06. Its decimal value is 11530134.

Hex triplet	afef96	`#afef96`
RGB Decimal	175, 239, 150	`rgb(175,239,150)`
RGB Percent	68.6, 93.7, 58.8	`rgb(68.6%,93.7%,58.8%)`
CMYK	27, 0, 37, 6
HSL	103.1°, 73.6, 76.3	`hsl(103.1,73.6%,76.3%)`
HSV (or HSB)	103.1°, 37.2, 93.7
Web Safe	99ff99	`#99ff99`

CIE-LAB	88.47, -36.062, 36.757
XYZ	54.049, 73.047, 40.104
xyY	0.323, 0.437, 73.047
CIE-LCH	88.47, 51.493, 134.453
CIE-LUV	88.47, -31.763, 56.692
Hunter-Lab	85.468, -36.687, 32.007
Binary	10101111, 11101111, 10010110

#afef96
```
#afef96 rgb(175,239,150)
```
#d696ef
```
#d696ef rgb(214,150,239)
```

Complementary Color

#dcef96
```
#dcef96 rgb(220,239,150)
```
#afef96
```
#afef96 rgb(175,239,150)
```
#96efaa
```
#96efaa rgb(150,239,170)
```

Analogous Color

#ef96dc
```
#ef96dc rgb(239,150,220)
```
#afef96
```
#afef96 rgb(175,239,150)
```
#aa96ef
```
#aa96ef rgb(170,150,239)
```

Split Complementary Color

#ef96af
```
#ef96af rgb(239,150,175)
```
#afef96
```
#afef96 rgb(175,239,150)
```
#96afef
```
#96afef rgb(150,175,239)
```

Triadic Color

#efd696
```
#efd696 rgb(239,214,150)
```
#afef96
```
#afef96 rgb(175,239,150)
```
#96afef
```
#96afef rgb(150,175,239)
```
#d696ef
```
#d696ef rgb(214,150,239)
```

Tetradic Color

#7ce554
```
#7ce554 rgb(124,229,84)
```
#8de86a
```
#8de86a rgb(141,232,106)
```
#9eec80
```
#9eec80 rgb(158,236,128)
```
#afef96
```
#afef96 rgb(175,239,150)
```
#c0f2ac
```
#c0f2ac rgb(192,242,172)
```
#d1f6c2
```
#d1f6c2 rgb(209,246,194)
```
#e2f9d8
```
#e2f9d8 rgb(226,249,216)
```

Monochromatic Color

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

#c5ef96
```
#c5ef96 rgb(197,239,150)
```
#beef96
```
#beef96 rgb(190,239,150)
```
#b6ef96
```
#b6ef96 rgb(182,239,150)
```
#afef96
```
#afef96 rgb(175,239,150)
```
#a8ef96
```
#a8ef96 rgb(168,239,150)
```
#a0ef96
```
#a0ef96 rgb(160,239,150)
```
#99ef96
```
#99ef96 rgb(153,239,150)
```

Similar Colors

Text with hexadecimal color #afef96

This text has a font color of #afef96.

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

#afef96 background color

This paragraph has a background color of #afef96.

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

#afef96 border color

This element has a border color of #afef96.

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

CSS codes

.text {color:#afef96;}

.background {background-color:#afef96;}

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

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, #060e02 is the darkest color, while #fdfffc is the lightest one.

#060e02
```
#060e02 rgb(6,14,2)
```
#0c1f05
```
#0c1f05 rgb(12,31,5)
```
#133007
```
#133007 rgb(19,48,7)
```
#19410a
```
#19410a rgb(25,65,10)
```
#20520d
```
#20520d rgb(32,82,13)
```
#27630f
```
#27630f rgb(39,99,15)
```
#2d7412
```
#2d7412 rgb(45,116,18)
```
#348514
```
#348514 rgb(52,133,20)
```
#3b9617
```
#3b9617 rgb(59,150,23)
```
#41a71a
```
#41a71a rgb(65,167,26)
```
#48b81c
```
#48b81c rgb(72,184,28)
```
#4fc91f
```
#4fc91f rgb(79,201,31)
```
#55da21
```
#55da21 rgb(85,218,33)
```

Shade Color Variation

#61df30
```
#61df30 rgb(97,223,48)
```
#6ee241
```
#6ee241 rgb(110,226,65)
```
#7be552
```
#7be552 rgb(123,229,82)
```
#88e763
```
#88e763 rgb(136,231,99)
```
#95ea74
```
#95ea74 rgb(149,234,116)
```
#a2ec85
```
#a2ec85 rgb(162,236,133)
```
#afef96
```
#afef96 rgb(175,239,150)
```
#bcf2a7
```
#bcf2a7 rgb(188,242,167)
```
#c9f4b8
```
#c9f4b8 rgb(201,244,184)
```
#d6f7c9
```
#d6f7c9 rgb(214,247,201)
```
#e3f9da
```
#e3f9da rgb(227,249,218)
```
#f0fceb
```
#f0fceb rgb(240,252,235)
```
#fdfffc
```
#fdfffc rgb(253,255,252)
```

Tint Color Variation

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

#c1c5c0
```
#c1c5c0 rgb(193,197,192)
```
#bfcabb
```
#bfcabb rgb(191,202,187)
```
#bdceb7
```
#bdceb7 rgb(189,206,183)
```
#bbd3b2
```
#bbd3b2 rgb(187,211,178)
```
#b9d8ad
```
#b9d8ad rgb(185,216,173)
```
#b7dca9
```
#b7dca9 rgb(183,220,169)
```
#b5e1a4
```
#b5e1a4 rgb(181,225,164)
```
#b3e69f
```
#b3e69f rgb(179,230,159)
```
#b1ea9b
```
#b1ea9b rgb(177,234,155)
```
#afef96
```
#afef96 rgb(175,239,150)
```
#adf491
```
#adf491 rgb(173,244,145)
```
#abf88d
```
#abf88d rgb(171,248,141)
```
#a9fd88
```
#a9fd88 rgb(169,253,136)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#cbd8c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2df95 Protanopia 1% of men
#ffd9b4 Deuteranopia 1% of men
#c4e4f5 Tritanopia 0.001% of the population

Trichromacy

#d9e595 Protanomaly 1% of men, 0.01% of women
#e1e1a9 Deuteranomaly 6% of men, 0.4% of women
#bce8d2 Tritanomaly 0.01% of the population

#afef96 hex color

#afef96 Color Information

#afef96 Color Conversion

Color Schemes with #afef96

Alternatives to #afef96

#afef96 Preview

Shades and Tints of #afef96

Tones of #afef96

Color Blindness Simulator