#afe0d4 hex color

In a RGB color space, hex #afe0d4 is composed of 68.6% red, 87.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 21.9% cyan, 0% magenta, 5.4% yellow and 12.2% black. It has a hue angle of 165.3 degrees, a saturation of 44.1% and a lightness of 78.2%. #afe0d4 color hex could be obtained by blending #ffffff with #5fc1a9. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 88
- B 83
RGB color chart
- C 22
- M 0
- Y 5
- K 12
CMYK color chart

● #afe0d4 color description : Very soft cyan.

The hexadecimal color #afe0d4 has RGB values of R:175, G:224, B:212 and CMYK values of C:0.22, M:0, Y:0.05, K:0.12. Its decimal value is 11526356.

Hex triplet	afe0d4	`#afe0d4`
RGB Decimal	175, 224, 212	`rgb(175,224,212)`
RGB Percent	68.6, 87.8, 83.1	`rgb(68.6%,87.8%,83.1%)`
CMYK	22, 0, 5, 12
HSL	165.3°, 44.1, 78.2	`hsl(165.3,44.1%,78.2%)`
HSV (or HSB)	165.3°, 21.9, 87.8
Web Safe	99cccc	`#99cccc`

CIE-LAB	85.593, -18.198, 0.686
XYZ	56.216, 67.177, 72.288
xyY	0.287, 0.343, 67.177
CIE-LCH	85.593, 18.211, 177.841
CIE-LUV	85.593, -24.777, 4.151
Hunter-Lab	81.962, -21.004, 5.081
Binary	10101111, 11100000, 11010100

#afe0d4
```
#afe0d4 rgb(175,224,212)
```
#e0afbb
```
#e0afbb rgb(224,175,187)
```

Complementary Color

#afe0bc
```
#afe0bc rgb(175,224,188)
```
#afe0d4
```
#afe0d4 rgb(175,224,212)
```
#afd4e0
```
#afd4e0 rgb(175,212,224)
```

Analogous Color

#e0bcaf
```
#e0bcaf rgb(224,188,175)
```
#afe0d4
```
#afe0d4 rgb(175,224,212)
```
#e0afd4
```
#e0afd4 rgb(224,175,212)
```

Split Complementary Color

#e0d4af
```
#e0d4af rgb(224,212,175)
```
#afe0d4
```
#afe0d4 rgb(175,224,212)
```
#d4afe0
```
#d4afe0 rgb(212,175,224)
```

Triadic Color

#bbe0af
```
#bbe0af rgb(187,224,175)
```
#afe0d4
```
#afe0d4 rgb(175,224,212)
```
#d4afe0
```
#d4afe0 rgb(212,175,224)
```
#e0afbb
```
#e0afbb rgb(224,175,187)
```

Tetradic Color

#78cbb6
```
#78cbb6 rgb(120,203,182)
```
#8ad2c0
```
#8ad2c0 rgb(138,210,192)
```
#9dd9ca
```
#9dd9ca rgb(157,217,202)
```
#afe0d4
```
#afe0d4 rgb(175,224,212)
```
#c1e7de
```
#c1e7de rgb(193,231,222)
```
#d4eee8
```
#d4eee8 rgb(212,238,232)
```
#e6f5f2
```
#e6f5f2 rgb(230,245,242)
```

Monochromatic Color

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

#afe0c8
```
#afe0c8 rgb(175,224,200)
```
#afe0cc
```
#afe0cc rgb(175,224,204)
```
#afe0d0
```
#afe0d0 rgb(175,224,208)
```
#afe0d4
```
#afe0d4 rgb(175,224,212)
```
#afe0d8
```
#afe0d8 rgb(175,224,216)
```
#afe0dc
```
#afe0dc rgb(175,224,220)
```
#afe0e0
```
#afe0e0 rgb(175,224,224)
```

Similar Colors

Text with hexadecimal color #afe0d4

This text has a font color of #afe0d4.

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

#afe0d4 background color

This paragraph has a background color of #afe0d4.

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

#afe0d4 border color

This element has a border color of #afe0d4.

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

CSS codes

.text {color:#afe0d4;}

.background {background-color:#afe0d4;}

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

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

#020504
```
#020504 rgb(2,5,4)
```
#071310
```
#071310 rgb(7,19,16)
```
#0d211c
```
#0d211c rgb(13,33,28)
```
#122f28
```
#122f28 rgb(18,47,40)
```
#183d34
```
#183d34 rgb(24,61,52)
```
#1d4c40
```
#1d4c40 rgb(29,76,64)
```
#235a4c
```
#235a4c rgb(35,90,76)
```
#286858
```
#286858 rgb(40,104,88)
```
#2e7664
```
#2e7664 rgb(46,118,100)
```
#338470
```
#338470 rgb(51,132,112)
```
#39927c
```
#39927c rgb(57,146,124)
```
#3ea088
```
#3ea088 rgb(62,160,136)
```
#44ae94
```
#44ae94 rgb(68,174,148)
```

Shade Color Variation

#4cba9f
```
#4cba9f rgb(76,186,159)
```
#5abfa6
```
#5abfa6 rgb(90,191,166)
```
#68c5ae
```
#68c5ae rgb(104,197,174)
```
#76cab6
```
#76cab6 rgb(118,202,182)
```
#85d0bd
```
#85d0bd rgb(133,208,189)
```
#93d5c5
```
#93d5c5 rgb(147,213,197)
```
#a1dbcc
```
#a1dbcc rgb(161,219,204)
```
#afe0d4
```
#afe0d4 rgb(175,224,212)
```
#bde5dc
```
#bde5dc rgb(189,229,220)
```
#cbebe3
```
#cbebe3 rgb(203,235,227)
```
#d9f0eb
```
#d9f0eb rgb(217,240,235)
```
#e8f6f2
```
#e8f6f2 rgb(232,246,242)
```
#f6fbfa
```
#f6fbfa rgb(246,251,250)
```

Tint Color Variation

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

#c4cbc9
```
#c4cbc9 rgb(196,203,201)
```
#c0cfcb
```
#c0cfcb rgb(192,207,203)
```
#bcd3cd
```
#bcd3cd rgb(188,211,205)
```
#b8d7d0
```
#b8d7d0 rgb(184,215,208)
```
#b3dcd2
```
#b3dcd2 rgb(179,220,210)
```
#afe0d4
```
#afe0d4 rgb(175,224,212)
```
#abe4d6
```
#abe4d6 rgb(171,228,214)
```
#a6e9d8
```
#a6e9d8 rgb(166,233,216)
```
#a2eddb
```
#a2eddb rgb(162,237,219)
```
#9ef1dd
```
#9ef1dd rgb(158,241,221)
```
#9af5df
```
#9af5df rgb(154,245,223)
```
#95fae1
```
#95fae1 rgb(149,250,225)
```
#91fee3
```
#91fee3 rgb(145,254,227)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#c9d3d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd7d0 Protanopia 1% of men
#ead1db Deuteranopia 1% of men
#b8dded Tritanopia 0.001% of the population

Trichromacy

#ccdad1 Protanomaly 1% of men, 0.01% of women
#d4d6d8 Deuteranomaly 6% of men, 0.4% of women
#b5dee4 Tritanomaly 0.01% of the population

#afe0d4 hex color

#afe0d4 Color Information

#afe0d4 Color Conversion

Color Schemes with #afe0d4

Alternatives to #afe0d4

#afe0d4 Preview

Shades and Tints of #afe0d4

Tones of #afe0d4

Color Blindness Simulator