#afe4bb hex color

In a RGB color space, hex #afe4bb is composed of 68.6% red, 89.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 23.2% cyan, 0% magenta, 18% yellow and 10.6% black. It has a hue angle of 133.6 degrees, a saturation of 49.5% and a lightness of 79%. #afe4bb color hex could be obtained by blending #ffffff with #5fc977. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 89
- B 73
RGB color chart
- C 23
- M 0
- Y 18
- K 11
CMYK color chart

● #afe4bb color description : Very soft lime green.

The hexadecimal color #afe4bb has RGB values of R:175, G:228, B:187 and CMYK values of C:0.23, M:0, Y:0.18, K:0.11. Its decimal value is 11527355.

Hex triplet	afe4bb	`#afe4bb`
RGB Decimal	175, 228, 187	`rgb(175,228,187)`
RGB Percent	68.6, 89.4, 73.3	`rgb(68.6%,89.4%,73.3%)`
CMYK	23, 0, 18, 11
HSL	133.6°, 49.5, 79	`hsl(133.6,49.5%,79%)`
HSV (or HSB)	133.6°, 23.2, 89.4
Web Safe	99cccc	`#99cccc`

CIE-LAB	86.1, -24.976, 14.557
XYZ	54.39, 68.187, 57.307
xyY	0.302, 0.379, 68.187
CIE-LCH	86.1, 28.908, 149.765
CIE-LUV	86.1, -26.493, 25.697
Hunter-Lab	82.575, -26.935, 16.656
Binary	10101111, 11100100, 10111011

#afe4bb
```
#afe4bb rgb(175,228,187)
```
#e4afd8
```
#e4afd8 rgb(228,175,216)
```

Complementary Color

#bee4af
```
#bee4af rgb(190,228,175)
```
#afe4bb
```
#afe4bb rgb(175,228,187)
```
#afe4d6
```
#afe4d6 rgb(175,228,214)
```

Analogous Color

#e4afbe
```
#e4afbe rgb(228,175,190)
```
#afe4bb
```
#afe4bb rgb(175,228,187)
```
#d6afe4
```
#d6afe4 rgb(214,175,228)
```

Split Complementary Color

#e4bbaf
```
#e4bbaf rgb(228,187,175)
```
#afe4bb
```
#afe4bb rgb(175,228,187)
```
#bbafe4
```
#bbafe4 rgb(187,175,228)
```

Triadic Color

#d8e4af
```
#d8e4af rgb(216,228,175)
```
#afe4bb
```
#afe4bb rgb(175,228,187)
```
#bbafe4
```
#bbafe4 rgb(187,175,228)
```
#e4afd8
```
#e4afd8 rgb(228,175,216)
```

Tetradic Color

#76d18a
```
#76d18a rgb(118,209,138)
```
#89d79b
```
#89d79b rgb(137,215,155)
```
#9cdeab
```
#9cdeab rgb(156,222,171)
```
#afe4bb
```
#afe4bb rgb(175,228,187)
```
#c2eacb
```
#c2eacb rgb(194,234,203)
```
#d5f1db
```
#d5f1db rgb(213,241,219)
```
#e8f7ec
```
#e8f7ec rgb(232,247,236)
```

Monochromatic Color

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

#b0e4af
```
#b0e4af rgb(176,228,175)
```
#afe4b2
```
#afe4b2 rgb(175,228,178)
```
#afe4b7
```
#afe4b7 rgb(175,228,183)
```
#afe4bb
```
#afe4bb rgb(175,228,187)
```
#afe4bf
```
#afe4bf rgb(175,228,191)
```
#afe4c4
```
#afe4c4 rgb(175,228,196)
```
#afe4c8
```
#afe4c8 rgb(175,228,200)
```

Similar Colors

Text with hexadecimal color #afe4bb

This text has a font color of #afe4bb.

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

#afe4bb background color

This paragraph has a background color of #afe4bb.

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

#afe4bb border color

This element has a border color of #afe4bb.

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

CSS codes

.text {color:#afe4bb;}

.background {background-color:#afe4bb;}

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

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

#030804
```
#030804 rgb(3,8,4)
```
#08170b
```
#08170b rgb(8,23,11)
```
#0d2512
```
#0d2512 rgb(13,37,18)
```
#123419
```
#123419 rgb(18,52,25)
```
#164320
```
#164320 rgb(22,67,32)
```
#1b5128
```
#1b5128 rgb(27,81,40)
```
#20602f
```
#20602f rgb(32,96,47)
```
#256f36
```
#256f36 rgb(37,111,54)
```
#2a7d3d
```
#2a7d3d rgb(42,125,61)
```
#2f8c44
```
#2f8c44 rgb(47,140,68)
```
#349b4b
```
#349b4b rgb(52,155,75)
```
#39a953
```
#39a953 rgb(57,169,83)
```
#3eb85a
```
#3eb85a rgb(62,184,90)
```

Shade Color Variation

#48c164
```
#48c164 rgb(72,193,100)
```
#57c670
```
#57c670 rgb(87,198,112)
```
#66cb7d
```
#66cb7d rgb(102,203,125)
```
#74d089
```
#74d089 rgb(116,208,137)
```
#83d596
```
#83d596 rgb(131,213,150)
```
#92daa2
```
#92daa2 rgb(146,218,162)
```
#a0dfaf
```
#a0dfaf rgb(160,223,175)
```
#afe4bb
```
#afe4bb rgb(175,228,187)
```
#bee9c7
```
#bee9c7 rgb(190,233,199)
```
#cceed4
```
#cceed4 rgb(204,238,212)
```
#dbf3e0
```
#dbf3e0 rgb(219,243,224)
```
#eaf8ed
```
#eaf8ed rgb(234,248,237)
```
#f8fdf9
```
#f8fdf9 rgb(248,253,249)
```

Tint Color Variation

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

#c8cbc9
```
#c8cbc9 rgb(200,203,201)
```
#c4cfc6
```
#c4cfc6 rgb(196,207,198)
```
#bfd4c4
```
#bfd4c4 rgb(191,212,196)
```
#bbd8c2
```
#bbd8c2 rgb(187,216,194)
```
#b7dcc0
```
#b7dcc0 rgb(183,220,192)
```
#b3e0bd
```
#b3e0bd rgb(179,224,189)
```
#afe4bb
```
#afe4bb rgb(175,228,187)
```
#abe8b9
```
#abe8b9 rgb(171,232,185)
```
#a7ecb6
```
#a7ecb6 rgb(167,236,182)
```
#a3f0b4
```
#a3f0b4 rgb(163,240,180)
```
#9ff4b2
```
#9ff4b2 rgb(159,244,178)
```
#9af9b0
```
#9af9b0 rgb(154,249,176)
```
#96fdad
```
#96fdad rgb(150,253,173)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#c9d3cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4d8b8 Protanopia 1% of men
#f5d2c4 Deuteranopia 1% of men
#bddeee Tritanopia 0.001% of the population

Trichromacy

#d1dcb9 Protanomaly 1% of men, 0.01% of women
#dbd8c1 Deuteranomaly 6% of men, 0.4% of women
#b8e0db Tritanomaly 0.01% of the population

#afe4bb hex color

#afe4bb Color Information

#afe4bb Color Conversion

Color Schemes with #afe4bb

Alternatives to #afe4bb

#afe4bb Preview

Shades and Tints of #afe4bb

Tones of #afe4bb

Color Blindness Simulator