#afe5df hex color

In a RGB color space, hex #afe5df is composed of 68.6% red, 89.8% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 23.6% cyan, 0% magenta, 2.6% yellow and 10.2% black. It has a hue angle of 173.3 degrees, a saturation of 50.9% and a lightness of 79.2%. #afe5df color hex could be obtained by blending #ffffff with #5fcbbf. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 90
- B 87
RGB color chart
- C 24
- M 0
- Y 3
- K 10
CMYK color chart

● #afe5df color description : Very soft cyan.

The hexadecimal color #afe5df has RGB values of R:175, G:229, B:223 and CMYK values of C:0.24, M:0, Y:0.03, K:0.1. Its decimal value is 11527647.

Hex triplet	afe5df	`#afe5df`
RGB Decimal	175, 229, 223	`rgb(175,229,223)`
RGB Percent	68.6, 89.8, 87.5	`rgb(68.6%,89.8%,87.5%)`
CMYK	24, 0, 3, 10
HSL	173.3°, 50.9, 79.2	`hsl(173.3,50.9%,79.2%)`
HSV (or HSB)	173.3°, 23.6, 89.8
Web Safe	99cccc	`#99cccc`

CIE-LAB	87.231, -18.404, -2.713
XYZ	59.015, 70.478, 80.302
xyY	0.281, 0.336, 70.478
CIE-LCH	87.231, 18.603, 188.387
CIE-LUV	87.231, -27.099, -1.063
Hunter-Lab	83.951, -21.436, 2.053
Binary	10101111, 11100101, 11011111

#afe5df
```
#afe5df rgb(175,229,223)
```
#e5afb5
```
#e5afb5 rgb(229,175,181)
```

Complementary Color

#afe5c4
```
#afe5c4 rgb(175,229,196)
```
#afe5df
```
#afe5df rgb(175,229,223)
```
#afd0e5
```
#afd0e5 rgb(175,208,229)
```

Analogous Color

#e5c4af
```
#e5c4af rgb(229,196,175)
```
#afe5df
```
#afe5df rgb(175,229,223)
```
#e5afd0
```
#e5afd0 rgb(229,175,208)
```

Split Complementary Color

#e5dfaf
```
#e5dfaf rgb(229,223,175)
```
#afe5df
```
#afe5df rgb(175,229,223)
```
#dfafe5
```
#dfafe5 rgb(223,175,229)
```

Triadic Color

#b5e5af
```
#b5e5af rgb(181,229,175)
```
#afe5df
```
#afe5df rgb(175,229,223)
```
#dfafe5
```
#dfafe5 rgb(223,175,229)
```
#e5afb5
```
#e5afb5 rgb(229,175,181)
```

Tetradic Color

#75d2c8
```
#75d2c8 rgb(117,210,200)
```
#89d8d0
```
#89d8d0 rgb(137,216,208)
```
#9cdfd7
```
#9cdfd7 rgb(156,223,215)
```
#afe5df
```
#afe5df rgb(175,229,223)
```
#c2ebe7
```
#c2ebe7 rgb(194,235,231)
```
#d5f2ee
```
#d5f2ee rgb(213,242,238)
```
#e9f8f6
```
#e9f8f6 rgb(233,248,246)
```

Monochromatic Color

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

#afe5d2
```
#afe5d2 rgb(175,229,210)
```
#afe5d6
```
#afe5d6 rgb(175,229,214)
```
#afe5db
```
#afe5db rgb(175,229,219)
```
#afe5df
```
#afe5df rgb(175,229,223)
```
#afe5e4
```
#afe5e4 rgb(175,229,228)
```
#afe2e5
```
#afe2e5 rgb(175,226,229)
```
#afdee5
```
#afdee5 rgb(175,222,229)
```

Similar Colors

Text with hexadecimal color #afe5df

This text has a font color of #afe5df.

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

#afe5df background color

This paragraph has a background color of #afe5df.

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

#afe5df border color

This element has a border color of #afe5df.

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

CSS codes

.text {color:#afe5df;}

.background {background-color:#afe5df;}

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

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

#030908
```
#030908 rgb(3,9,8)
```
#081816
```
#081816 rgb(8,24,22)
```
#0c2624
```
#0c2624 rgb(12,38,36)
```
#113531
```
#113531 rgb(17,53,49)
```
#16443f
```
#16443f rgb(22,68,63)
```
#1b534d
```
#1b534d rgb(27,83,77)
```
#20625a
```
#20625a rgb(32,98,90)
```
#257068
```
#257068 rgb(37,112,104)
```
#297f76
```
#297f76 rgb(41,127,118)
```
#2e8e83
```
#2e8e83 rgb(46,142,131)
```
#339d91
```
#339d91 rgb(51,157,145)
```
#38ac9f
```
#38ac9f rgb(56,172,159)
```
#3dbaac
```
#3dbaac rgb(61,186,172)
```

Shade Color Variation

#47c3b6
```
#47c3b6 rgb(71,195,182)
```
#56c8bb
```
#56c8bb rgb(86,200,187)
```
#65cdc1
```
#65cdc1 rgb(101,205,193)
```
#74d2c7
```
#74d2c7 rgb(116,210,199)
```
#83d7cd
```
#83d7cd rgb(131,215,205)
```
#91dbd3
```
#91dbd3 rgb(145,219,211)
```
#a0e0d9
```
#a0e0d9 rgb(160,224,217)
```
#afe5df
```
#afe5df rgb(175,229,223)
```
#beeae5
```
#beeae5 rgb(190,234,229)
```
#cdefeb
```
#cdefeb rgb(205,239,235)
```
#dbf3f1
```
#dbf3f1 rgb(219,243,241)
```
#eaf8f7
```
#eaf8f7 rgb(234,248,247)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#c7cdcc
```
#c7cdcc rgb(199,205,204)
```
#c3d1cf
```
#c3d1cf rgb(195,209,207)
```
#bfd5d2
```
#bfd5d2 rgb(191,213,210)
```
#bbd9d5
```
#bbd9d5 rgb(187,217,213)
```
#b7ddd9
```
#b7ddd9 rgb(183,221,217)
```
#b3e1dc
```
#b3e1dc rgb(179,225,220)
```
#afe5df
```
#afe5df rgb(175,229,223)
```
#abe9e2
```
#abe9e2 rgb(171,233,226)
```
#a7ede5
```
#a7ede5 rgb(167,237,229)
```
#a3f1e9
```
#a3f1e9 rgb(163,241,233)
```
#9ff5ec
```
#9ff5ec rgb(159,245,236)
```
#9bf9ef
```
#9bf9ef rgb(155,249,239)
```
#97fdf2
```
#97fdf2 rgb(151,253,242)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#cdd7d6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0dbda Protanopia 1% of men
#ecd6e6 Deuteranopia 1% of men
#b7e3f3 Tritanopia 0.001% of the population

Trichromacy

#cededc Protanomaly 1% of men, 0.01% of women
#d5dbe3 Deuteranomaly 6% of men, 0.4% of women
#b4e3ec Tritanomaly 0.01% of the population

#afe5df hex color

#afe5df Color Information

#afe5df Color Conversion

Color Schemes with #afe5df

Alternatives to #afe5df

#afe5df Preview

Shades and Tints of #afe5df

Tones of #afe5df

Color Blindness Simulator