#afef97 hex color

In a RGB color space, hex #afef97 is composed of 68.6% red, 93.7% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 0% magenta, 36.8% yellow and 6.3% black. It has a hue angle of 103.6 degrees, a saturation of 73.3% and a lightness of 76.5%. #afef97 color hex could be obtained by blending #ffffff with #5fdf2f. 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

● #afef97 color description : Very soft green.

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

Hex triplet	afef97	`#afef97`
RGB Decimal	175, 239, 151	`rgb(175,239,151)`
RGB Percent	68.6, 93.7, 59.2	`rgb(68.6%,93.7%,59.2%)`
CMYK	27, 0, 37, 6
HSL	103.6°, 73.3, 76.5	`hsl(103.6,73.3%,76.5%)`
HSV (or HSB)	103.6°, 36.8, 93.7
Web Safe	99ff99	`#99ff99`

CIE-LAB	88.486, -35.922, 36.278
XYZ	54.13, 73.08, 40.53
xyY	0.323, 0.436, 73.08
CIE-LCH	88.486, 51.054, 134.718
CIE-LUV	88.486, -31.759, 56.102
Hunter-Lab	85.487, -36.576, 31.731
Binary	10101111, 11101111, 10010111

#afef97
```
#afef97 rgb(175,239,151)
```
#d797ef
```
#d797ef rgb(215,151,239)
```

Complementary Color

#dbef97
```
#dbef97 rgb(219,239,151)
```
#afef97
```
#afef97 rgb(175,239,151)
```
#97efab
```
#97efab rgb(151,239,171)
```

Analogous Color

#ef97db
```
#ef97db rgb(239,151,219)
```
#afef97
```
#afef97 rgb(175,239,151)
```
#ab97ef
```
#ab97ef rgb(171,151,239)
```

Split Complementary Color

#ef97af
```
#ef97af rgb(239,151,175)
```
#afef97
```
#afef97 rgb(175,239,151)
```
#97afef
```
#97afef rgb(151,175,239)
```

Triadic Color

#efd797
```
#efd797 rgb(239,215,151)
```
#afef97
```
#afef97 rgb(175,239,151)
```
#97afef
```
#97afef rgb(151,175,239)
```
#d797ef
```
#d797ef rgb(215,151,239)
```

Tetradic Color

#7ce555
```
#7ce555 rgb(124,229,85)
```
#8de86b
```
#8de86b rgb(141,232,107)
```
#9eec81
```
#9eec81 rgb(158,236,129)
```
#afef97
```
#afef97 rgb(175,239,151)
```
#c0f2ad
```
#c0f2ad rgb(192,242,173)
```
#d1f6c3
```
#d1f6c3 rgb(209,246,195)
```
#e2f9d9
```
#e2f9d9 rgb(226,249,217)
```

Monochromatic Color

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

#c5ef97
```
#c5ef97 rgb(197,239,151)
```
#beef97
```
#beef97 rgb(190,239,151)
```
#b6ef97
```
#b6ef97 rgb(182,239,151)
```
#afef97
```
#afef97 rgb(175,239,151)
```
#a8ef97
```
#a8ef97 rgb(168,239,151)
```
#a0ef97
```
#a0ef97 rgb(160,239,151)
```
#99ef97
```
#99ef97 rgb(153,239,151)
```

Similar Colors

Text with hexadecimal color #afef97

This text has a font color of #afef97.

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

#afef97 background color

This paragraph has a background color of #afef97.

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

#afef97 border color

This element has a border color of #afef97.

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

CSS codes

.text {color:#afef97;}

.background {background-color:#afef97;}

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

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

#060f02
```
#060f02 rgb(6,15,2)
```
#0c2005
```
#0c2005 rgb(12,32,5)
```
#133108
```
#133108 rgb(19,49,8)
```
#19420a
```
#19420a rgb(25,66,10)
```
#20530d
```
#20530d rgb(32,83,13)
```
#26640f
```
#26640f rgb(38,100,15)
```
#2d7512
```
#2d7512 rgb(45,117,18)
```
#348615
```
#348615 rgb(52,134,21)
```
#3a9717
```
#3a9717 rgb(58,151,23)
```
#41a81a
```
#41a81a rgb(65,168,26)
```
#47b91c
```
#47b91c rgb(71,185,28)
```
#4eca1f
```
#4eca1f rgb(78,202,31)
```
#54db22
```
#54db22 rgb(84,219,34)
```

Shade Color Variation

#61df31
```
#61df31 rgb(97,223,49)
```
#6ee242
```
#6ee242 rgb(110,226,66)
```
#7be553
```
#7be553 rgb(123,229,83)
```
#88e764
```
#88e764 rgb(136,231,100)
```
#95ea75
```
#95ea75 rgb(149,234,117)
```
#a2ec86
```
#a2ec86 rgb(162,236,134)
```
#afef97
```
#afef97 rgb(175,239,151)
```
#bcf2a8
```
#bcf2a8 rgb(188,242,168)
```
#c9f4b9
```
#c9f4b9 rgb(201,244,185)
```
#d6f7ca
```
#d6f7ca rgb(214,247,202)
```
#e3f9db
```
#e3f9db rgb(227,249,219)
```
#f0fcec
```
#f0fcec rgb(240,252,236)
```
#fdfffd
```
#fdfffd rgb(253,255,253)
```

Tint Color Variation

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

#c2c5c1
```
#c2c5c1 rgb(194,197,193)
```
#c0cabc
```
#c0cabc rgb(192,202,188)
```
#becfb7
```
#becfb7 rgb(190,207,183)
```
#bcd3b3
```
#bcd3b3 rgb(188,211,179)
```
#b9d8ae
```
#b9d8ae rgb(185,216,174)
```
#b7dda9
```
#b7dda9 rgb(183,221,169)
```
#b5e1a5
```
#b5e1a5 rgb(181,225,165)
```
#b3e6a0
```
#b3e6a0 rgb(179,230,160)
```
#b1ea9c
```
#b1ea9c rgb(177,234,156)
```
#afef97
```
#afef97 rgb(175,239,151)
```
#adf492
```
#adf492 rgb(173,244,146)
```
#abf88e
```
#abf88e rgb(171,248,142)
```
#a9fd89
```
#a9fd89 rgb(169,253,137)
```

Tone Color Variation

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

#f2df96 Protanopia 1% of men
#ffd9b5 Deuteranopia 1% of men
#c4e4f5 Tritanopia 0.001% of the population

Trichromacy

#d9e596 Protanomaly 1% of men, 0.01% of women
#e1e1aa Deuteranomaly 6% of men, 0.4% of women
#bce8d3 Tritanomaly 0.01% of the population

#afef97 hex color

#afef97 Color Information

#afef97 Color Conversion

Color Schemes with #afef97

Alternatives to #afef97

#afef97 Preview

Shades and Tints of #afef97

Tones of #afef97

Color Blindness Simulator