#afe0ec hex color

In a RGB color space, hex #afe0ec is composed of 68.6% red, 87.8% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 25.8% cyan, 5.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 191.8 degrees, a saturation of 61.6% and a lightness of 80.6%. #afe0ec color hex could be obtained by blending #ffffff with #5fc1d9. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 69
- G 88
- B 93
RGB color chart
- C 26
- M 5
- Y 0
- K 7
CMYK color chart

● #afe0ec color description : Very soft cyan.

The hexadecimal color #afe0ec has RGB values of R:175, G:224, B:236 and CMYK values of C:0.26, M:0.05, Y:0, K:0.07. Its decimal value is 11526380.

Hex triplet	afe0ec	`#afe0ec`
RGB Decimal	175, 224, 236	`rgb(175,224,236)`
RGB Percent	68.6, 87.8, 92.5	`rgb(68.6%,87.8%,92.5%)`
CMYK	26, 5, 0, 7
HSL	191.8°, 61.6, 80.6	`hsl(191.8,61.6%,80.6%)`
HSV (or HSB)	191.8°, 25.8, 92.5
Web Safe	99ccff	`#99ccff`

CIE-LAB	86.246, -13.059, -11.019
XYZ	59.472, 68.479, 89.437
xyY	0.274, 0.315, 68.479
CIE-LCH	86.246, 17.087, 220.158
CIE-LUV	86.246, -24.974, -15.116
Hunter-Lab	82.752, -16.534, -6.153
Binary	10101111, 11100000, 11101100

#afe0ec
```
#afe0ec rgb(175,224,236)
```
#ecbbaf
```
#ecbbaf rgb(236,187,175)
```

Complementary Color

#afecda
```
#afecda rgb(175,236,218)
```
#afe0ec
```
#afe0ec rgb(175,224,236)
```
#afc2ec
```
#afc2ec rgb(175,194,236)
```

Analogous Color

#ecdaaf
```
#ecdaaf rgb(236,218,175)
```
#afe0ec
```
#afe0ec rgb(175,224,236)
```
#ecafc2
```
#ecafc2 rgb(236,175,194)
```

Split Complementary Color

#e0ecaf
```
#e0ecaf rgb(224,236,175)
```
#afe0ec
```
#afe0ec rgb(175,224,236)
```
#ecafe0
```
#ecafe0 rgb(236,175,224)
```

Triadic Color

#afecbb
```
#afecbb rgb(175,236,187)
```
#afe0ec
```
#afe0ec rgb(175,224,236)
```
#ecafe0
```
#ecafe0 rgb(236,175,224)
```
#ecbbaf
```
#ecbbaf rgb(236,187,175)
```

Tetradic Color

#71c8dd
```
#71c8dd rgb(113,200,221)
```
#86d0e2
```
#86d0e2 rgb(134,208,226)
```
#9ad8e7
```
#9ad8e7 rgb(154,216,231)
```
#afe0ec
```
#afe0ec rgb(175,224,236)
```
#c4e8f1
```
#c4e8f1 rgb(196,232,241)
```
#d8f0f6
```
#d8f0f6 rgb(216,240,246)
```
#edf8fb
```
#edf8fb rgb(237,248,251)
```

Monochromatic Color

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

#afece9
```
#afece9 rgb(175,236,233)
```
#afeaec
```
#afeaec rgb(175,234,236)
```
#afe5ec
```
#afe5ec rgb(175,229,236)
```
#afe0ec
```
#afe0ec rgb(175,224,236)
```
#afdbec
```
#afdbec rgb(175,219,236)
```
#afd6ec
```
#afd6ec rgb(175,214,236)
```
#afd1ec
```
#afd1ec rgb(175,209,236)
```

Similar Colors

Text with hexadecimal color #afe0ec

This text has a font color of #afe0ec.

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

#afe0ec background color

This paragraph has a background color of #afe0ec.

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

#afe0ec border color

This element has a border color of #afe0ec.

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

CSS codes

.text {color:#afe0ec;}

.background {background-color:#afe0ec;}

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

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, #040d0f is the darkest color, while #feffff is the lightest one.

#040d0f
```
#040d0f rgb(4,13,15)
```
#071a1f
```
#071a1f rgb(7,26,31)
```
#0b282f
```
#0b282f rgb(11,40,47)
```
#0f353f
```
#0f353f rgb(15,53,63)
```
#13434f
```
#13434f rgb(19,67,79)
```
#16505e
```
#16505e rgb(22,80,94)
```
#1a5e6e
```
#1a5e6e rgb(26,94,110)
```
#1e6b7e
```
#1e6b7e rgb(30,107,126)
```
#22798e
```
#22798e rgb(34,121,142)
```
#25869e
```
#25869e rgb(37,134,158)
```
#2994ae
```
#2994ae rgb(41,148,174)
```
#2da1bd
```
#2da1bd rgb(45,161,189)
```
#31afcd
```
#31afcd rgb(49,175,205)
```

Shade Color Variation

#40b5d2
```
#40b5d2 rgb(64,181,210)
```
#50bbd5
```
#50bbd5 rgb(80,187,213)
```
#60c1d9
```
#60c1d9 rgb(96,193,217)
```
#70c7dd
```
#70c7dd rgb(112,199,221)
```
#7fcee1
```
#7fcee1 rgb(127,206,225)
```
#8fd4e4
```
#8fd4e4 rgb(143,212,228)
```
#9fdae8
```
#9fdae8 rgb(159,218,232)
```
#afe0ec
```
#afe0ec rgb(175,224,236)
```
#bfe6f0
```
#bfe6f0 rgb(191,230,240)
```
#cfecf4
```
#cfecf4 rgb(207,236,244)
```
#dff2f7
```
#dff2f7 rgb(223,242,247)
```
#eef9fb
```
#eef9fb rgb(238,249,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#cdcece
```
#cdcece rgb(205,206,206)
```
#cad0d1
```
#cad0d1 rgb(202,208,209)
```
#c6d2d5
```
#c6d2d5 rgb(198,210,213)
```
#c2d4d9
```
#c2d4d9 rgb(194,212,217)
```
#bed7dd
```
#bed7dd rgb(190,215,221)
```
#bad9e1
```
#bad9e1 rgb(186,217,225)
```
#b7dbe4
```
#b7dbe4 rgb(183,219,228)
```
#b3dee8
```
#b3dee8 rgb(179,222,232)
```
#afe0ec
```
#afe0ec rgb(175,224,236)
```
#abe2f0
```
#abe2f0 rgb(171,226,240)
```
#a7e5f4
```
#a7e5f4 rgb(167,229,244)
```
#a4e7f7
```
#a4e7f7 rgb(164,231,247)
```
#a0e9fb
```
#a0e9fb rgb(160,233,251)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#ccd6d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9d8e7 Protanopia 1% of men
#e2d4f1 Deuteranopia 1% of men
#b4e0f1 Tritanopia 0.001% of the population

Trichromacy

#c9dbe9 Protanomaly 1% of men, 0.01% of women
#cfd8ef Deuteranomaly 6% of men, 0.4% of women
#b2e0ef Tritanomaly 0.01% of the population

#afe0ec hex color

#afe0ec Color Information

#afe0ec Color Conversion

Color Schemes with #afe0ec

Alternatives to #afe0ec

#afe0ec Preview

Shades and Tints of #afe0ec

Tones of #afe0ec

Color Blindness Simulator