#afe1ef hex color

In a RGB color space, hex #afe1ef is composed of 68.6% red, 88.2% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 5.9% magenta, 0% yellow and 6.3% black. It has a hue angle of 193.1 degrees, a saturation of 66.7% and a lightness of 81.2%. #afe1ef color hex could be obtained by blending #ffffff with #5fc3df. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 69
- G 88
- B 94
RGB color chart
- C 27
- M 6
- Y 0
- K 6
CMYK color chart

● #afe1ef color description : Very soft cyan.

The hexadecimal color #afe1ef has RGB values of R:175, G:225, B:239 and CMYK values of C:0.27, M:0.06, Y:0, K:0.06. Its decimal value is 11526639.

Hex triplet	afe1ef	`#afe1ef`
RGB Decimal	175, 225, 239	`rgb(175,225,239)`
RGB Percent	68.6, 88.2, 93.7	`rgb(68.6%,88.2%,93.7%)`
CMYK	27, 6, 0, 6
HSL	193.1°, 66.7, 81.2	`hsl(193.1,66.7%,81.2%)`
HSV (or HSB)	193.1°, 26.8, 93.7
Web Safe	99ccff	`#99ccff`

CIE-LAB	86.6, -12.894, -12.072
XYZ	60.181, 69.194, 91.842
xyY	0.272, 0.313, 69.194
CIE-LCH	86.6, 17.663, 223.113
CIE-LUV	86.6, -25.435, -16.857
Hunter-Lab	83.183, -16.431, -7.233
Binary	10101111, 11100001, 11101111

#afe1ef
```
#afe1ef rgb(175,225,239)
```
#efbdaf
```
#efbdaf rgb(239,189,175)
```

Complementary Color

#afefdd
```
#afefdd rgb(175,239,221)
```
#afe1ef
```
#afe1ef rgb(175,225,239)
```
#afc1ef
```
#afc1ef rgb(175,193,239)
```

Analogous Color

#efddaf
```
#efddaf rgb(239,221,175)
```
#afe1ef
```
#afe1ef rgb(175,225,239)
```
#efafc1
```
#efafc1 rgb(239,175,193)
```

Split Complementary Color

#e1efaf
```
#e1efaf rgb(225,239,175)
```
#afe1ef
```
#afe1ef rgb(175,225,239)
```
#efafe1
```
#efafe1 rgb(239,175,225)
```

Triadic Color

#afefbd
```
#afefbd rgb(175,239,189)
```
#afe1ef
```
#afe1ef rgb(175,225,239)
```
#efafe1
```
#efafe1 rgb(239,175,225)
```
#efbdaf
```
#efbdaf rgb(239,189,175)
```

Tetradic Color

#6fc9e2
```
#6fc9e2 rgb(111,201,226)
```
#85d1e7
```
#85d1e7 rgb(133,209,231)
```
#9ad9eb
```
#9ad9eb rgb(154,217,235)
```
#afe1ef
```
#afe1ef rgb(175,225,239)
```
#c4e9f3
```
#c4e9f3 rgb(196,233,243)
```
#daf1f8
```
#daf1f8 rgb(218,241,248)
```
#eff9fc
```
#eff9fc rgb(239,249,252)
```

Monochromatic Color

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

#afefed
```
#afefed rgb(175,239,237)
```
#afecef
```
#afecef rgb(175,236,239)
```
#afe6ef
```
#afe6ef rgb(175,230,239)
```
#afe1ef
```
#afe1ef rgb(175,225,239)
```
#afdcef
```
#afdcef rgb(175,220,239)
```
#afd6ef
```
#afd6ef rgb(175,214,239)
```
#afd1ef
```
#afd1ef rgb(175,209,239)
```

Similar Colors

Text with hexadecimal color #afe1ef

This text has a font color of #afe1ef.

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

#afe1ef background color

This paragraph has a background color of #afe1ef.

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

#afe1ef border color

This element has a border color of #afe1ef.

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

CSS codes

.text {color:#afe1ef;}

.background {background-color:#afe1ef;}

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040f12
```
#040f12 rgb(4,15,18)
```
#071c22
```
#071c22 rgb(7,28,34)
```
#0a2a33
```
#0a2a33 rgb(10,42,51)
```
#0d3743
```
#0d3743 rgb(13,55,67)
```
#114553
```
#114553 rgb(17,69,83)
```
#145264
```
#145264 rgb(20,82,100)
```
#176074
```
#176074 rgb(23,96,116)
```
#1b6d85
```
#1b6d85 rgb(27,109,133)
```
#1e7b95
```
#1e7b95 rgb(30,123,149)
```
#2188a5
```
#2188a5 rgb(33,136,165)
```
#2496b6
```
#2496b6 rgb(36,150,182)
```
#28a3c6
```
#28a3c6 rgb(40,163,198)
```

Shade Color Variation

#2cb0d5
```
#2cb0d5 rgb(44,176,213)
```
#3db6d8
```
#3db6d8 rgb(61,182,216)
```
#4dbcdb
```
#4dbcdb rgb(77,188,219)
```
#5dc2df
```
#5dc2df rgb(93,194,223)
```
#6ec8e2
```
#6ec8e2 rgb(110,200,226)
```
#7ecfe5
```
#7ecfe5 rgb(126,207,229)
```
#8ed5e8
```
#8ed5e8 rgb(142,213,232)
```
#9fdbec
```
#9fdbec rgb(159,219,236)
```
#afe1ef
```
#afe1ef rgb(175,225,239)
```
#bfe7f2
```
#bfe7f2 rgb(191,231,242)
```
#d0edf6
```
#d0edf6 rgb(208,237,246)
```
#e0f3f9
```
#e0f3f9 rgb(224,243,249)
```
#f0fafc
```
#f0fafc rgb(240,250,252)
```

Tint Color Variation

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

#cdd0d1
```
#cdd0d1 rgb(205,208,209)
```
#c9d2d5
```
#c9d2d5 rgb(201,210,213)
```
#c5d5d9
```
#c5d5d9 rgb(197,213,217)
```
#c1d7dd
```
#c1d7dd rgb(193,215,221)
```
#bed9e0
```
#bed9e0 rgb(190,217,224)
```
#badbe4
```
#badbe4 rgb(186,219,228)
```
#b6dde8
```
#b6dde8 rgb(182,221,232)
```
#b3dfeb
```
#b3dfeb rgb(179,223,235)
```
#afe1ef
```
#afe1ef rgb(175,225,239)
```
#abe3f3
```
#abe3f3 rgb(171,227,243)
```
#a8e5f6
```
#a8e5f6 rgb(168,229,246)
```
#a4e7fa
```
#a4e7fa rgb(164,231,250)
```
#a0e9fe
```
#a0e9fe rgb(160,233,254)
```

Tone Color Variation

Below, you can see how #afe1ef 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
#cdd7d9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9d9ea Protanopia 1% of men
#e2d5f4 Deuteranopia 1% of men
#b3e2f2 Tritanopia 0.001% of the population

Trichromacy

#cadcec Protanomaly 1% of men, 0.01% of women
#cfd9f2 Deuteranomaly 6% of men, 0.4% of women
#b2e1f1 Tritanomaly 0.01% of the population

#afe1ef hex color

#afe1ef Color Information

#afe1ef Color Conversion

Color Schemes with #afe1ef

Alternatives to #afe1ef

#afe1ef Preview

Shades and Tints of #afe1ef

Tones of #afe1ef

Color Blindness Simulator