#afefe1 hex color

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

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

● #afefe1 color description : Very soft cyan.

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

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

CIE-LAB	89.99, -22.911, 0.277
XYZ	62.133, 76.281, 82.68
xyY	0.281, 0.345, 76.281
CIE-LCH	89.99, 22.912, 179.308
CIE-LUV	89.99, -31.535, 4.333
Hunter-Lab	87.339, -25.858, 5.01
Binary	10101111, 11101111, 11100001

#afefe1
```
#afefe1 rgb(175,239,225)
```
#efafbd
```
#efafbd rgb(239,175,189)
```

Complementary Color

#afefc1
```
#afefc1 rgb(175,239,193)
```
#afefe1
```
#afefe1 rgb(175,239,225)
```
#afddef
```
#afddef rgb(175,221,239)
```

Analogous Color

#efc1af
```
#efc1af rgb(239,193,175)
```
#afefe1
```
#afefe1 rgb(175,239,225)
```
#efafdd
```
#efafdd rgb(239,175,221)
```

Split Complementary Color

#efe1af
```
#efe1af rgb(239,225,175)
```
#afefe1
```
#afefe1 rgb(175,239,225)
```
#e1afef
```
#e1afef rgb(225,175,239)
```

Triadic Color

#bdefaf
```
#bdefaf rgb(189,239,175)
```
#afefe1
```
#afefe1 rgb(175,239,225)
```
#e1afef
```
#e1afef rgb(225,175,239)
```
#efafbd
```
#efafbd rgb(239,175,189)
```

Tetradic Color

#6fe2c9
```
#6fe2c9 rgb(111,226,201)
```
#85e7d1
```
#85e7d1 rgb(133,231,209)
```
#9aebd9
```
#9aebd9 rgb(154,235,217)
```
#afefe1
```
#afefe1 rgb(175,239,225)
```
#c4f3e9
```
#c4f3e9 rgb(196,243,233)
```
#daf8f1
```
#daf8f1 rgb(218,248,241)
```
#effcf9
```
#effcf9 rgb(239,252,249)
```

Monochromatic Color

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

#afefd1
```
#afefd1 rgb(175,239,209)
```
#afefd6
```
#afefd6 rgb(175,239,214)
```
#afefdc
```
#afefdc rgb(175,239,220)
```
#afefe1
```
#afefe1 rgb(175,239,225)
```
#afefe6
```
#afefe6 rgb(175,239,230)
```
#afefec
```
#afefec rgb(175,239,236)
```
#afedef
```
#afedef rgb(175,237,239)
```

Similar Colors

Text with hexadecimal color #afefe1

This text has a font color of #afefe1.

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

#afefe1 background color

This paragraph has a background color of #afefe1.

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

#afefe1 border color

This element has a border color of #afefe1.

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

CSS codes

.text {color:#afefe1;}

.background {background-color:#afefe1;}

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

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

#000201
```
#000201 rgb(0,2,1)
```
#04120f
```
#04120f rgb(4,18,15)
```
#07221c
```
#07221c rgb(7,34,28)
```
#0a332a
```
#0a332a rgb(10,51,42)
```
#0d4337
```
#0d4337 rgb(13,67,55)
```
#115345
```
#115345 rgb(17,83,69)
```
#146452
```
#146452 rgb(20,100,82)
```
#177460
```
#177460 rgb(23,116,96)
```
#1b856d
```
#1b856d rgb(27,133,109)
```
#1e957b
```
#1e957b rgb(30,149,123)
```
#21a588
```
#21a588 rgb(33,165,136)
```
#24b696
```
#24b696 rgb(36,182,150)
```
#28c6a3
```
#28c6a3 rgb(40,198,163)
```

Shade Color Variation

#2cd5b0
```
#2cd5b0 rgb(44,213,176)
```
#3dd8b6
```
#3dd8b6 rgb(61,216,182)
```
#4ddbbc
```
#4ddbbc rgb(77,219,188)
```
#5ddfc2
```
#5ddfc2 rgb(93,223,194)
```
#6ee2c8
```
#6ee2c8 rgb(110,226,200)
```
#7ee5cf
```
#7ee5cf rgb(126,229,207)
```
#8ee8d5
```
#8ee8d5 rgb(142,232,213)
```
#9fecdb
```
#9fecdb rgb(159,236,219)
```
#afefe1
```
#afefe1 rgb(175,239,225)
```
#bff2e7
```
#bff2e7 rgb(191,242,231)
```
#d0f6ed
```
#d0f6ed rgb(208,246,237)
```
#e0f9f3
```
#e0f9f3 rgb(224,249,243)
```
#f0fcfa
```
#f0fcfa rgb(240,252,250)
```

Tint Color Variation

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

#cdd1d0
```
#cdd1d0 rgb(205,209,208)
```
#c9d5d2
```
#c9d5d2 rgb(201,213,210)
```
#c5d9d5
```
#c5d9d5 rgb(197,217,213)
```
#c1ddd7
```
#c1ddd7 rgb(193,221,215)
```
#bee0d9
```
#bee0d9 rgb(190,224,217)
```
#bae4db
```
#bae4db rgb(186,228,219)
```
#b6e8dd
```
#b6e8dd rgb(182,232,221)
```
#b3ebdf
```
#b3ebdf rgb(179,235,223)
```
#afefe1
```
#afefe1 rgb(175,239,225)
```
#abf3e3
```
#abf3e3 rgb(171,243,227)
```
#a8f6e5
```
#a8f6e5 rgb(168,246,229)
```
#a4fae7
```
#a4fae7 rgb(164,250,231)
```
#a0fee9
```
#a0fee9 rgb(160,254,233)
```

Tone Color Variation

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

#dadada Achromatopsia 0.005% of the population
#d1dedb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9e2db Protanopia 1% of men
#f6dde8 Deuteranopia 1% of men
#b9ebfc Tritanopia 0.001% of the population

Trichromacy

#d4e7dd Protanomaly 1% of men, 0.01% of women
#dce3e5 Deuteranomaly 6% of men, 0.4% of women
#b5ecf2 Tritanomaly 0.01% of the population

#afefe1 hex color

#afefe1 Color Information

#afefe1 Color Conversion

Color Schemes with #afefe1

Alternatives to #afefe1

#afefe1 Preview

Shades and Tints of #afefe1

Tones of #afefe1

Color Blindness Simulator