#afdae0 hex color

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

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

● #afdae0 color description : Very soft cyan.

The hexadecimal color #afdae0 has RGB values of R:175, G:218, B:224 and CMYK values of C:0.22, M:0.03, Y:0, K:0.12. Its decimal value is 11524832.

Hex triplet	afdae0	`#afdae0`
RGB Decimal	175, 218, 224	`rgb(175,218,224)`
RGB Percent	68.6, 85.5, 87.8	`rgb(68.6%,85.5%,87.8%)`
CMYK	22, 3, 0, 12
HSL	187.3°, 44.1, 78.2	`hsl(187.3,44.1%,78.2%)`
HSV (or HSB)	187.3°, 21.9, 87.8
Web Safe	99cccc	`#99cccc`

CIE-LAB	84.296, -12.642, -7.57
XYZ	56.202, 64.637, 80.032
xyY	0.28, 0.322, 64.637
CIE-LCH	84.296, 14.735, 210.913
CIE-LUV	84.296, -22.186, -9.62
Hunter-Lab	80.397, -15.914, -2.743
Binary	10101111, 11011010, 11100000

#afdae0
```
#afdae0 rgb(175,218,224)
```
#e0b5af
```
#e0b5af rgb(224,181,175)
```

Complementary Color

#afe0ce
```
#afe0ce rgb(175,224,206)
```
#afdae0
```
#afdae0 rgb(175,218,224)
```
#afc2e0
```
#afc2e0 rgb(175,194,224)
```

Analogous Color

#e0ceaf
```
#e0ceaf rgb(224,206,175)
```
#afdae0
```
#afdae0 rgb(175,218,224)
```
#e0afc2
```
#e0afc2 rgb(224,175,194)
```

Split Complementary Color

#dae0af
```
#dae0af rgb(218,224,175)
```
#afdae0
```
#afdae0 rgb(175,218,224)
```
#e0afda
```
#e0afda rgb(224,175,218)
```

Triadic Color

#afe0b5
```
#afe0b5 rgb(175,224,181)
```
#afdae0
```
#afdae0 rgb(175,218,224)
```
#e0afda
```
#e0afda rgb(224,175,218)
```
#e0b5af
```
#e0b5af rgb(224,181,175)
```

Tetradic Color

#78c1cb
```
#78c1cb rgb(120,193,203)
```
#8ac9d2
```
#8ac9d2 rgb(138,201,210)
```
#9dd2d9
```
#9dd2d9 rgb(157,210,217)
```
#afdae0
```
#afdae0 rgb(175,218,224)
```
#c1e3e7
```
#c1e3e7 rgb(193,227,231)
```
#d4ebee
```
#d4ebee rgb(212,235,238)
```
#e6f4f5
```
#e6f4f5 rgb(230,244,245)
```

Monochromatic Color

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

#afe0da
```
#afe0da rgb(175,224,218)
```
#afe0de
```
#afe0de rgb(175,224,222)
```
#afdee0
```
#afdee0 rgb(175,222,224)
```
#afdae0
```
#afdae0 rgb(175,218,224)
```
#afd6e0
```
#afd6e0 rgb(175,214,224)
```
#afd2e0
```
#afd2e0 rgb(175,210,224)
```
#afcee0
```
#afcee0 rgb(175,206,224)
```

Similar Colors

Text with hexadecimal color #afdae0

This text has a font color of #afdae0.

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

#afdae0 background color

This paragraph has a background color of #afdae0.

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

#afdae0 border color

This element has a border color of #afdae0.

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

CSS codes

.text {color:#afdae0;}

.background {background-color:#afdae0;}

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

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

#020405
```
#020405 rgb(2,4,5)
```
#071213
```
#071213 rgb(7,18,19)
```
#0d1f21
```
#0d1f21 rgb(13,31,33)
```
#122c2f
```
#122c2f rgb(18,44,47)
```
#18393d
```
#18393d rgb(24,57,61)
```
#1d464c
```
#1d464c rgb(29,70,76)
```
#23535a
```
#23535a rgb(35,83,90)
```
#286068
```
#286068 rgb(40,96,104)
```
#2e6d76
```
#2e6d76 rgb(46,109,118)
```
#337a84
```
#337a84 rgb(51,122,132)
```
#398792
```
#398792 rgb(57,135,146)
```
#3e94a0
```
#3e94a0 rgb(62,148,160)
```
#44a1ae
```
#44a1ae rgb(68,161,174)
```

Shade Color Variation

#4cacba
```
#4cacba rgb(76,172,186)
```
#5ab3bf
```
#5ab3bf rgb(90,179,191)
```
#68b9c5
```
#68b9c5 rgb(104,185,197)
```
#76c0ca
```
#76c0ca rgb(118,192,202)
```
#85c6d0
```
#85c6d0 rgb(133,198,208)
```
#93cdd5
```
#93cdd5 rgb(147,205,213)
```
#a1d3db
```
#a1d3db rgb(161,211,219)
```
#afdae0
```
#afdae0 rgb(175,218,224)
```
#bde1e5
```
#bde1e5 rgb(189,225,229)
```
#cbe7eb
```
#cbe7eb rgb(203,231,235)
```
#d9eef0
```
#d9eef0 rgb(217,238,240)
```
#e8f4f6
```
#e8f4f6 rgb(232,244,246)
```
#f6fbfb
```
#f6fbfb rgb(246,251,251)
```

Tint Color Variation

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

#c4cacb
```
#c4cacb rgb(196,202,203)
```
#c0cdcf
```
#c0cdcf rgb(192,205,207)
```
#bcd0d3
```
#bcd0d3 rgb(188,208,211)
```
#b8d4d7
```
#b8d4d7 rgb(184,212,215)
```
#b3d7dc
```
#b3d7dc rgb(179,215,220)
```
#afdae0
```
#afdae0 rgb(175,218,224)
```
#abdde4
```
#abdde4 rgb(171,221,228)
```
#a6e0e9
```
#a6e0e9 rgb(166,224,233)
```
#a2e4ed
```
#a2e4ed rgb(162,228,237)
```
#9ee7f1
```
#9ee7f1 rgb(158,231,241)
```
#9aeaf5
```
#9aeaf5 rgb(154,234,245)
```
#95edfa
```
#95edfa rgb(149,237,250)
```
#91f1fe
```
#91f1fe rgb(145,241,254)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#c8d0d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5d3dc Protanopia 1% of men
#e0cfe5 Deuteranopia 1% of men
#b5daea Tritanopia 0.001% of the population

Trichromacy

#c7d5de Protanomaly 1% of men, 0.01% of women
#ced3e3 Deuteranomaly 6% of men, 0.4% of women
#b3dae6 Tritanomaly 0.01% of the population

#afdae0 hex color

#afdae0 Color Information

#afdae0 Color Conversion

Color Schemes with #afdae0

Alternatives to #afdae0

#afdae0 Preview

Shades and Tints of #afdae0

Tones of #afdae0

Color Blindness Simulator