#afebe2 hex color

In a RGB color space, hex #afebe2 is composed of 68.6% red, 92.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 25.5% cyan, 0% magenta, 3.8% yellow and 7.8% black. It has a hue angle of 171 degrees, a saturation of 60% and a lightness of 80.4%. #afebe2 color hex could be obtained by blending #ffffff with #5fd7c5. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 69
- G 92
- B 89
RGB color chart
- C 26
- M 0
- Y 4
- K 8
CMYK color chart

● #afebe2 color description : Very soft cyan.

The hexadecimal color #afebe2 has RGB values of R:175, G:235, B:226 and CMYK values of C:0.26, M:0, Y:0.04, K:0.08. Its decimal value is 11529186.

Hex triplet	afebe2	`#afebe2`
RGB Decimal	175, 235, 226	`rgb(175,235,226)`
RGB Percent	68.6, 92.2, 88.6	`rgb(68.6%,92.2%,88.6%)`
CMYK	26, 0, 4, 8
HSL	171°, 60, 80.4	`hsl(171,60%,80.4%)`
HSV (or HSB)	171°, 25.5, 92.2
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	88.932, -20.741, -1.793
XYZ	61.112, 74.019, 83.015
xyY	0.28, 0.339, 74.019
CIE-LCH	88.932, 20.819, 184.941
CIE-LUV	88.932, -29.768, 0.755
Hunter-Lab	86.035, -23.769, 3.015
Binary	10101111, 11101011, 11100010

#afebe2
```
#afebe2 rgb(175,235,226)
```
#ebafb8
```
#ebafb8 rgb(235,175,184)
```

Complementary Color

#afebc4
```
#afebc4 rgb(175,235,196)
```
#afebe2
```
#afebe2 rgb(175,235,226)
```
#afd6eb
```
#afd6eb rgb(175,214,235)
```

Analogous Color

#ebc4af
```
#ebc4af rgb(235,196,175)
```
#afebe2
```
#afebe2 rgb(175,235,226)
```
#ebafd6
```
#ebafd6 rgb(235,175,214)
```

Split Complementary Color

#ebe2af
```
#ebe2af rgb(235,226,175)
```
#afebe2
```
#afebe2 rgb(175,235,226)
```
#e2afeb
```
#e2afeb rgb(226,175,235)
```

Triadic Color

#b8ebaf
```
#b8ebaf rgb(184,235,175)
```
#afebe2
```
#afebe2 rgb(175,235,226)
```
#e2afeb
```
#e2afeb rgb(226,175,235)
```
#ebafb8
```
#ebafb8 rgb(235,175,184)
```

Tetradic Color

#72dccc
```
#72dccc rgb(114,220,204)
```
#86e1d3
```
#86e1d3 rgb(134,225,211)
```
#9be6db
```
#9be6db rgb(155,230,219)
```
#afebe2
```
#afebe2 rgb(175,235,226)
```
#c3f0e9
```
#c3f0e9 rgb(195,240,233)
```
#d8f5f1
```
#d8f5f1 rgb(216,245,241)
```
#ecfaf8
```
#ecfaf8 rgb(236,250,248)
```

Monochromatic Color

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

#afebd3
```
#afebd3 rgb(175,235,211)
```
#afebd8
```
#afebd8 rgb(175,235,216)
```
#afebdd
```
#afebdd rgb(175,235,221)
```
#afebe2
```
#afebe2 rgb(175,235,226)
```
#afebe7
```
#afebe7 rgb(175,235,231)
```
#afeaeb
```
#afeaeb rgb(175,234,235)
```
#afe5eb
```
#afe5eb rgb(175,229,235)
```

Similar Colors

Text with hexadecimal color #afebe2

This text has a font color of #afebe2.

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

#afebe2 background color

This paragraph has a background color of #afebe2.

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

#afebe2 border color

This element has a border color of #afebe2.

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

CSS codes

.text {color:#afebe2;}

.background {background-color:#afebe2;}

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

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

#040e0d
```
#040e0d rgb(4,14,13)
```
#071e1a
```
#071e1a rgb(7,30,26)
```
#0b2e28
```
#0b2e28 rgb(11,46,40)
```
#0f3d36
```
#0f3d36 rgb(15,61,54)
```
#134d44
```
#134d44 rgb(19,77,68)
```
#175d52
```
#175d52 rgb(23,93,82)
```
#1b6c60
```
#1b6c60 rgb(27,108,96)
```
#1f7c6e
```
#1f7c6e rgb(31,124,110)
```
#238c7c
```
#238c7c rgb(35,140,124)
```
#279b8a
```
#279b8a rgb(39,155,138)
```
#2bab98
```
#2bab98 rgb(43,171,152)
```
#2fbba6
```
#2fbba6 rgb(47,187,166)
```
#33cab4
```
#33cab4 rgb(51,202,180)
```

Shade Color Variation

#41d0ba
```
#41d0ba rgb(65,208,186)
```
#51d3c0
```
#51d3c0 rgb(81,211,192)
```
#61d7c6
```
#61d7c6 rgb(97,215,198)
```
#70dbcb
```
#70dbcb rgb(112,219,203)
```
#80dfd1
```
#80dfd1 rgb(128,223,209)
```
#90e3d7
```
#90e3d7 rgb(144,227,215)
```
#9fe7dc
```
#9fe7dc rgb(159,231,220)
```
#afebe2
```
#afebe2 rgb(175,235,226)
```
#bfefe8
```
#bfefe8 rgb(191,239,232)
```
#cef3ed
```
#cef3ed rgb(206,243,237)
```
#def7f3
```
#def7f3 rgb(222,247,243)
```
#eefbf9
```
#eefbf9 rgb(238,251,249)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#cad0cf
```
#cad0cf rgb(202,208,207)
```
#c6d4d2
```
#c6d4d2 rgb(198,212,210)
```
#c2d8d5
```
#c2d8d5 rgb(194,216,213)
```
#bedcd7
```
#bedcd7 rgb(190,220,215)
```
#bbdfda
```
#bbdfda rgb(187,223,218)
```
#b7e3dd
```
#b7e3dd rgb(183,227,221)
```
#b3e7df
```
#b3e7df rgb(179,231,223)
```
#afebe2
```
#afebe2 rgb(175,235,226)
```
#abefe5
```
#abefe5 rgb(171,239,229)
```
#a7f3e7
```
#a7f3e7 rgb(167,243,231)
```
#a3f7ea
```
#a3f7ea rgb(163,247,234)
```
#a0faed
```
#a0faed rgb(160,250,237)
```
#9cfeef
```
#9cfeef rgb(156,254,239)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#d0dcda Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5dfdd Protanopia 1% of men
#f1dae9 Deuteranopia 1% of men
#b8e8f9 Tritanopia 0.001% of the population

Trichromacy

#d1e3de Protanomaly 1% of men, 0.01% of women
#d9e0e6 Deuteranomaly 6% of men, 0.4% of women
#b5e9f0 Tritanomaly 0.01% of the population

#afebe2 hex color

#afebe2 Color Information

#afebe2 Color Conversion

Color Schemes with #afebe2

Alternatives to #afebe2

#afebe2 Preview

Shades and Tints of #afebe2

Tones of #afebe2

Color Blindness Simulator