#afe2d5 hex color

In a RGB color space, hex #afe2d5 is composed of 68.6% red, 88.6% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 0% magenta, 5.8% yellow and 11.4% black. It has a hue angle of 164.7 degrees, a saturation of 46.8% and a lightness of 78.6%. #afe2d5 color hex could be obtained by blending #ffffff with #5fc5ab. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 89
- B 84
RGB color chart
- C 23
- M 0
- Y 6
- K 11
CMYK color chart

● #afe2d5 color description : Very soft cyan - lime green.

The hexadecimal color #afe2d5 has RGB values of R:175, G:226, B:213 and CMYK values of C:0.23, M:0, Y:0.06, K:0.11. Its decimal value is 11526869.

Hex triplet	afe2d5	`#afe2d5`
RGB Decimal	175, 226, 213	`rgb(175,226,213)`
RGB Percent	68.6, 88.6, 83.5	`rgb(68.6%,88.6%,83.5%)`
CMYK	23, 0, 6, 11
HSL	164.7°, 46.8, 78.6	`hsl(164.7,46.8%,78.6%)`
HSV (or HSB)	164.7°, 22.6, 88.6
Web Safe	99cccc	`#99cccc`

CIE-LAB	86.161, -18.99, 0.986
XYZ	56.883, 68.309, 73.135
xyY	0.287, 0.344, 68.309
CIE-LCH	86.161, 19.016, 177.028
CIE-LUV	86.161, -25.695, 4.745
Hunter-Lab	82.649, -21.785, 5.39
Binary	10101111, 11100010, 11010101

#afe2d5
```
#afe2d5 rgb(175,226,213)
```
#e2afbc
```
#e2afbc rgb(226,175,188)
```

Complementary Color

#afe2bc
```
#afe2bc rgb(175,226,188)
```
#afe2d5
```
#afe2d5 rgb(175,226,213)
```
#afd6e2
```
#afd6e2 rgb(175,214,226)
```

Analogous Color

#e2bcaf
```
#e2bcaf rgb(226,188,175)
```
#afe2d5
```
#afe2d5 rgb(175,226,213)
```
#e2afd6
```
#e2afd6 rgb(226,175,214)
```

Split Complementary Color

#e2d5af
```
#e2d5af rgb(226,213,175)
```
#afe2d5
```
#afe2d5 rgb(175,226,213)
```
#d5afe2
```
#d5afe2 rgb(213,175,226)
```

Triadic Color

#bce2af
```
#bce2af rgb(188,226,175)
```
#afe2d5
```
#afe2d5 rgb(175,226,213)
```
#d5afe2
```
#d5afe2 rgb(213,175,226)
```
#e2afbc
```
#e2afbc rgb(226,175,188)
```

Tetradic Color

#77ceb8
```
#77ceb8 rgb(119,206,184)
```
#8ad4c1
```
#8ad4c1 rgb(138,212,193)
```
#9cdbcb
```
#9cdbcb rgb(156,219,203)
```
#afe2d5
```
#afe2d5 rgb(175,226,213)
```
#c2e9df
```
#c2e9df rgb(194,233,223)
```
#d4f0e9
```
#d4f0e9 rgb(212,240,233)
```
#e7f6f2
```
#e7f6f2 rgb(231,246,242)
```

Monochromatic Color

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

#afe2c8
```
#afe2c8 rgb(175,226,200)
```
#afe2cd
```
#afe2cd rgb(175,226,205)
```
#afe2d1
```
#afe2d1 rgb(175,226,209)
```
#afe2d5
```
#afe2d5 rgb(175,226,213)
```
#afe2d9
```
#afe2d9 rgb(175,226,217)
```
#afe2de
```
#afe2de rgb(175,226,222)
```
#afe2e2
```
#afe2e2 rgb(175,226,226)
```

Similar Colors

Text with hexadecimal color #afe2d5

This text has a font color of #afe2d5.

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

#afe2d5 background color

This paragraph has a background color of #afe2d5.

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

#afe2d5 border color

This element has a border color of #afe2d5.

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

CSS codes

.text {color:#afe2d5;}

.background {background-color:#afe2d5;}

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

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

#020605
```
#020605 rgb(2,6,5)
```
#081511
```
#081511 rgb(8,21,17)
```
#0d231d
```
#0d231d rgb(13,35,29)
```
#12322a
```
#12322a rgb(18,50,42)
```
#174036
```
#174036 rgb(23,64,54)
```
#1c4e42
```
#1c4e42 rgb(28,78,66)
```
#225d4e
```
#225d4e rgb(34,93,78)
```
#276b5a
```
#276b5a rgb(39,107,90)
```
#2c7a66
```
#2c7a66 rgb(44,122,102)
```
#318872
```
#318872 rgb(49,136,114)
```
#37967e
```
#37967e rgb(55,150,126)
```
#3ca58a
```
#3ca58a rgb(60,165,138)
```
#41b396
```
#41b396 rgb(65,179,150)
```

Shade Color Variation

#4abda0
```
#4abda0 rgb(74,189,160)
```
#59c3a8
```
#59c3a8 rgb(89,195,168)
```
#67c8af
```
#67c8af rgb(103,200,175)
```
#75cdb7
```
#75cdb7 rgb(117,205,183)
```
#84d2be
```
#84d2be rgb(132,210,190)
```
#92d8c6
```
#92d8c6 rgb(146,216,198)
```
#a1ddcd
```
#a1ddcd rgb(161,221,205)
```
#afe2d5
```
#afe2d5 rgb(175,226,213)
```
#bde7dd
```
#bde7dd rgb(189,231,221)
```
#ccece4
```
#ccece4 rgb(204,236,228)
```
#daf2ec
```
#daf2ec rgb(218,242,236)
```
#e9f7f3
```
#e9f7f3 rgb(233,247,243)
```
#f7fcfb
```
#f7fcfb rgb(247,252,251)
```

Tint Color Variation

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

#c8c9c9
```
#c8c9c9 rgb(200,201,201)
```
#c4cdcb
```
#c4cdcb rgb(196,205,203)
```
#c0d1cd
```
#c0d1cd rgb(192,209,205)
```
#bcd5cf
```
#bcd5cf rgb(188,213,207)
```
#b7dad1
```
#b7dad1 rgb(183,218,209)
```
#b3ded3
```
#b3ded3 rgb(179,222,211)
```
#afe2d5
```
#afe2d5 rgb(175,226,213)
```
#abe6d7
```
#abe6d7 rgb(171,230,215)
```
#a7ead9
```
#a7ead9 rgb(167,234,217)
```
#a2efdb
```
#a2efdb rgb(162,239,219)
```
#9ef3dd
```
#9ef3dd rgb(158,243,221)
```
#9af7df
```
#9af7df rgb(154,247,223)
```
#96fbe1
```
#96fbe1 rgb(150,251,225)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#cad4d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfd8d1 Protanopia 1% of men
#ecd3dc Deuteranopia 1% of men
#b9dfef Tritanopia 0.001% of the population

Trichromacy

#cddcd2 Protanomaly 1% of men, 0.01% of women
#d5d8d9 Deuteranomaly 6% of men, 0.4% of women
#b5e0e6 Tritanomaly 0.01% of the population

#afe2d5 hex color

#afe2d5 Color Information

#afe2d5 Color Conversion

Color Schemes with #afe2d5

Alternatives to #afe2d5

#afe2d5 Preview

Shades and Tints of #afe2d5

Tones of #afe2d5

Color Blindness Simulator