#afebd2 hex color

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

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

● #afebd2 color description : Very soft cyan - lime green.

The hexadecimal color #afebd2 has RGB values of R:175, G:235, B:210 and CMYK values of C:0.26, M:0, Y:0.11, K:0.08. Its decimal value is 11529170.

Hex triplet	afebd2	`#afebd2`
RGB Decimal	175, 235, 210	`rgb(175,235,210)`
RGB Percent	68.6, 92.2, 82.4	`rgb(68.6%,92.2%,82.4%)`
CMYK	26, 0, 11, 8
HSL	155°, 60, 80.4	`hsl(155,60%,80.4%)`
HSV (or HSB)	155°, 25.5, 92.2
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	88.534, -24.015, 6.001
XYZ	59.017, 73.182, 71.985
xyY	0.289, 0.358, 73.182
CIE-LCH	88.534, 24.754, 165.97
CIE-LUV	88.534, -29.769, 13.206
Hunter-Lab	85.546, -26.561, 9.991
Binary	10101111, 11101011, 11010010

#afebd2
```
#afebd2 rgb(175,235,210)
```
#ebafc8
```
#ebafc8 rgb(235,175,200)
```

Complementary Color

#afebb4
```
#afebb4 rgb(175,235,180)
```
#afebd2
```
#afebd2 rgb(175,235,210)
```
#afe6eb
```
#afe6eb rgb(175,230,235)
```

Analogous Color

#ebb4af
```
#ebb4af rgb(235,180,175)
```
#afebd2
```
#afebd2 rgb(175,235,210)
```
#ebafe6
```
#ebafe6 rgb(235,175,230)
```

Split Complementary Color

#ebd2af
```
#ebd2af rgb(235,210,175)
```
#afebd2
```
#afebd2 rgb(175,235,210)
```
#d2afeb
```
#d2afeb rgb(210,175,235)
```

Triadic Color

#c8ebaf
```
#c8ebaf rgb(200,235,175)
```
#afebd2
```
#afebd2 rgb(175,235,210)
```
#d2afeb
```
#d2afeb rgb(210,175,235)
```
#ebafc8
```
#ebafc8 rgb(235,175,200)
```

Tetradic Color

#72dcb0
```
#72dcb0 rgb(114,220,176)
```
#86e1bb
```
#86e1bb rgb(134,225,187)
```
#9be6c7
```
#9be6c7 rgb(155,230,199)
```
#afebd2
```
#afebd2 rgb(175,235,210)
```
#c3f0dd
```
#c3f0dd rgb(195,240,221)
```
#d8f5e9
```
#d8f5e9 rgb(216,245,233)
```
#ecfaf4
```
#ecfaf4 rgb(236,250,244)
```

Monochromatic Color

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

#afebc3
```
#afebc3 rgb(175,235,195)
```
#afebc8
```
#afebc8 rgb(175,235,200)
```
#afebcd
```
#afebcd rgb(175,235,205)
```
#afebd2
```
#afebd2 rgb(175,235,210)
```
#afebd7
```
#afebd7 rgb(175,235,215)
```
#afebdc
```
#afebdc rgb(175,235,220)
```
#afebe1
```
#afebe1 rgb(175,235,225)
```

Similar Colors

Text with hexadecimal color #afebd2

This text has a font color of #afebd2.

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

#afebd2 background color

This paragraph has a background color of #afebd2.

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

#afebd2 border color

This element has a border color of #afebd2.

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

CSS codes

.text {color:#afebd2;}

.background {background-color:#afebd2;}

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

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

#040e0a
```
#040e0a rgb(4,14,10)
```
#071e15
```
#071e15 rgb(7,30,21)
```
#0b2e1f
```
#0b2e1f rgb(11,46,31)
```
#0f3d2a
```
#0f3d2a rgb(15,61,42)
```
#134d35
```
#134d35 rgb(19,77,53)
```
#175d40
```
#175d40 rgb(23,93,64)
```
#1b6c4a
```
#1b6c4a rgb(27,108,74)
```
#1f7c55
```
#1f7c55 rgb(31,124,85)
```
#238c60
```
#238c60 rgb(35,140,96)
```
#279b6b
```
#279b6b rgb(39,155,107)
```
#2bab76
```
#2bab76 rgb(43,171,118)
```
#2fbb80
```
#2fbb80 rgb(47,187,128)
```
#33ca8b
```
#33ca8b rgb(51,202,139)
```

Shade Color Variation

#41d094
```
#41d094 rgb(65,208,148)
```
#51d39d
```
#51d39d rgb(81,211,157)
```
#61d7a6
```
#61d7a6 rgb(97,215,166)
```
#70dbaf
```
#70dbaf rgb(112,219,175)
```
#80dfb8
```
#80dfb8 rgb(128,223,184)
```
#90e3c0
```
#90e3c0 rgb(144,227,192)
```
#9fe7c9
```
#9fe7c9 rgb(159,231,201)
```
#afebd2
```
#afebd2 rgb(175,235,210)
```
#bfefdb
```
#bfefdb rgb(191,239,219)
```
#cef3e4
```
#cef3e4 rgb(206,243,228)
```
#def7ec
```
#def7ec rgb(222,247,236)
```
#eefbf5
```
#eefbf5 rgb(238,251,245)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#cad0ce
```
#cad0ce rgb(202,208,206)
```
#c6d4ce
```
#c6d4ce rgb(198,212,206)
```
#c2d8cf
```
#c2d8cf rgb(194,216,207)
```
#bedccf
```
#bedccf rgb(190,220,207)
```
#bbdfd0
```
#bbdfd0 rgb(187,223,208)
```
#b7e3d1
```
#b7e3d1 rgb(183,227,209)
```
#b3e7d1
```
#b3e7d1 rgb(179,231,209)
```
#afebd2
```
#afebd2 rgb(175,235,210)
```
#abefd3
```
#abefd3 rgb(171,239,211)
```
#a7f3d3
```
#a7f3d3 rgb(167,243,211)
```
#a3f7d4
```
#a3f7d4 rgb(163,247,212)
```
#a0fad5
```
#a0fad5 rgb(160,250,213)
```
#9cfed5
```
#9cfed5 rgb(156,254,213)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#cedad5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8dfcd Protanopia 1% of men
#f6d9da Deuteranopia 1% of men
#bbe6f7 Tritanopia 0.001% of the population

Trichromacy

#d3e3cf Protanomaly 1% of men, 0.01% of women
#dcdfd7 Deuteranomaly 6% of men, 0.4% of women
#b7e8e9 Tritanomaly 0.01% of the population

#afebd2 hex color

#afebd2 Color Information

#afebd2 Color Conversion

Color Schemes with #afebd2

Alternatives to #afebd2

#afebd2 Preview

Shades and Tints of #afebd2

Tones of #afebd2

Color Blindness Simulator