#afe8de hex color

In a RGB color space, hex #afe8de is composed of 68.6% red, 91% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 0% magenta, 4.3% yellow and 9% black. It has a hue angle of 169.5 degrees, a saturation of 55.3% and a lightness of 79.8%. #afe8de color hex could be obtained by blending #ffffff with #5fd1bd. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 69
- G 91
- B 87
RGB color chart
- C 25
- M 0
- Y 4
- K 9
CMYK color chart

● #afe8de color description : Very soft cyan.

The hexadecimal color #afe8de has RGB values of R:175, G:232, B:222 and CMYK values of C:0.25, M:0, Y:0.04, K:0.09. Its decimal value is 11528414.

Hex triplet	afe8de	`#afe8de`
RGB Decimal	175, 232, 222	`rgb(175,232,222)`
RGB Percent	68.6, 91, 87.1	`rgb(68.6%,91%,87.1%)`
CMYK	25, 0, 4, 9
HSL	169.5°, 55.3, 79.8	`hsl(169.5,55.3%,79.8%)`
HSV (or HSB)	169.5°, 24.6, 91
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	88.016, -20.103, -1.037
XYZ	59.717, 72.099, 79.873
xyY	0.282, 0.341, 72.099
CIE-LCH	88.016, 20.129, 182.953
CIE-LUV	88.016, -28.433, 1.825
Hunter-Lab	84.911, -23.057, 3.666
Binary	10101111, 11101000, 11011110

#afe8de
```
#afe8de rgb(175,232,222)
```
#e8afb9
```
#e8afb9 rgb(232,175,185)
```

Complementary Color

#afe8c2
```
#afe8c2 rgb(175,232,194)
```
#afe8de
```
#afe8de rgb(175,232,222)
```
#afd6e8
```
#afd6e8 rgb(175,214,232)
```

Analogous Color

#e8c2af
```
#e8c2af rgb(232,194,175)
```
#afe8de
```
#afe8de rgb(175,232,222)
```
#e8afd6
```
#e8afd6 rgb(232,175,214)
```

Split Complementary Color

#e8deaf
```
#e8deaf rgb(232,222,175)
```
#afe8de
```
#afe8de rgb(175,232,222)
```
#deafe8
```
#deafe8 rgb(222,175,232)
```

Triadic Color

#b9e8af
```
#b9e8af rgb(185,232,175)
```
#afe8de
```
#afe8de rgb(175,232,222)
```
#deafe8
```
#deafe8 rgb(222,175,232)
```
#e8afb9
```
#e8afb9 rgb(232,175,185)
```

Tetradic Color

#74d7c5
```
#74d7c5 rgb(116,215,197)
```
#87ddce
```
#87ddce rgb(135,221,206)
```
#9be2d6
```
#9be2d6 rgb(155,226,214)
```
#afe8de
```
#afe8de rgb(175,232,222)
```
#c3eee6
```
#c3eee6 rgb(195,238,230)
```
#d7f3ee
```
#d7f3ee rgb(215,243,238)
```
#eaf9f7
```
#eaf9f7 rgb(234,249,247)
```

Monochromatic Color

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

#afe8d0
```
#afe8d0 rgb(175,232,208)
```
#afe8d5
```
#afe8d5 rgb(175,232,213)
```
#afe8d9
```
#afe8d9 rgb(175,232,217)
```
#afe8de
```
#afe8de rgb(175,232,222)
```
#afe8e3
```
#afe8e3 rgb(175,232,227)
```
#afe8e8
```
#afe8e8 rgb(175,232,232)
```
#afe4e8
```
#afe4e8 rgb(175,228,232)
```

Similar Colors

Text with hexadecimal color #afe8de

This text has a font color of #afe8de.

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

#afe8de background color

This paragraph has a background color of #afe8de.

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

#afe8de border color

This element has a border color of #afe8de.

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

CSS codes

.text {color:#afe8de;}

.background {background-color:#afe8de;}

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

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, #030b0a is the darkest color, while #fbfefd is the lightest one.

#030b0a
```
#030b0a rgb(3,11,10)
```
#081b17
```
#081b17 rgb(8,27,23)
```
#0c2a25
```
#0c2a25 rgb(12,42,37)
```
#103932
```
#103932 rgb(16,57,50)
```
#15483f
```
#15483f rgb(21,72,63)
```
#19584d
```
#19584d rgb(25,88,77)
```
#1e675a
```
#1e675a rgb(30,103,90)
```
#227667
```
#227667 rgb(34,118,103)
```
#268575
```
#268575 rgb(38,133,117)
```
#2b9582
```
#2b9582 rgb(43,149,130)
```
#2fa48f
```
#2fa48f rgb(47,164,143)
```
#33b39d
```
#33b39d rgb(51,179,157)
```
#38c2aa
```
#38c2aa rgb(56,194,170)
```

Shade Color Variation

#44c9b2
```
#44c9b2 rgb(68,201,178)
```
#54ceb8
```
#54ceb8 rgb(84,206,184)
```
#63d2bf
```
#63d2bf rgb(99,210,191)
```
#72d6c5
```
#72d6c5 rgb(114,214,197)
```
#81dbcb
```
#81dbcb rgb(129,219,203)
```
#91dfd1
```
#91dfd1 rgb(145,223,209)
```
#a0e4d8
```
#a0e4d8 rgb(160,228,216)
```
#afe8de
```
#afe8de rgb(175,232,222)
```
#beece4
```
#beece4 rgb(190,236,228)
```
#cdf1eb
```
#cdf1eb rgb(205,241,235)
```
#ddf5f1
```
#ddf5f1 rgb(221,245,241)
```
#ecfaf7
```
#ecfaf7 rgb(236,250,247)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#cbcccc
```
#cbcccc rgb(203,204,204)
```
#c7d0cf
```
#c7d0cf rgb(199,208,207)
```
#c3d4d1
```
#c3d4d1 rgb(195,212,209)
```
#bfd8d4
```
#bfd8d4 rgb(191,216,212)
```
#bbdcd6
```
#bbdcd6 rgb(187,220,214)
```
#b7e0d9
```
#b7e0d9 rgb(183,224,217)
```
#b3e4db
```
#b3e4db rgb(179,228,219)
```
#afe8de
```
#afe8de rgb(175,232,222)
```
#abece1
```
#abece1 rgb(171,236,225)
```
#a7f0e3
```
#a7f0e3 rgb(167,240,227)
```
#a3f4e6
```
#a3f4e6 rgb(163,244,230)
```
#9ff8e8
```
#9ff8e8 rgb(159,248,232)
```
#9bfceb
```
#9bfceb rgb(155,252,235)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#cedad8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3ddd9 Protanopia 1% of men
#efd8e5 Deuteranopia 1% of men
#b8e5f6 Tritanopia 0.001% of the population

Trichromacy

#d0e1db Protanomaly 1% of men, 0.01% of women
#d8dde2 Deuteranomaly 6% of men, 0.4% of women
#b5e6ed Tritanomaly 0.01% of the population

#afe8de hex color

#afe8de Color Information

#afe8de Color Conversion

Color Schemes with #afe8de

Alternatives to #afe8de

#afe8de Preview

Shades and Tints of #afe8de

Tones of #afe8de

Color Blindness Simulator