#afe5b2 hex color

In a RGB color space, hex #afe5b2 is composed of 68.6% red, 89.8% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 23.6% cyan, 0% magenta, 22.3% yellow and 10.2% black. It has a hue angle of 123.3 degrees, a saturation of 50.9% and a lightness of 79.2%. #afe5b2 color hex could be obtained by blending #ffffff with #5fcb65. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 90
- B 70
RGB color chart
- C 24
- M 0
- Y 22
- K 10
CMYK color chart

● #afe5b2 color description : Very soft lime green.

The hexadecimal color #afe5b2 has RGB values of R:175, G:229, B:178 and CMYK values of C:0.24, M:0, Y:0.22, K:0.1. Its decimal value is 11527602.

Hex triplet	afe5b2	`#afe5b2`
RGB Decimal	175, 229, 178	`rgb(175,229,178)`
RGB Percent	68.6, 89.8, 69.8	`rgb(68.6%,89.8%,69.8%)`
CMYK	24, 0, 22, 10
HSL	123.3°, 50.9, 79.2	`hsl(123.3,50.9%,79.2%)`
HSV (or HSB)	123.3°, 23.6, 89.8
Web Safe	99cc99	`#99cc99`

CIE-LAB	86.189, -27.039, 19.375
XYZ	53.732, 68.365, 52.482
xyY	0.308, 0.392, 68.365
CIE-LCH	86.189, 33.264, 144.376
CIE-LUV	86.189, -26.938, 32.723
Hunter-Lab	82.683, -28.697, 20.245
Binary	10101111, 11100101, 10110010

#afe5b2
```
#afe5b2 rgb(175,229,178)
```
#e5afe2
```
#e5afe2 rgb(229,175,226)
```

Complementary Color

#c7e5af
```
#c7e5af rgb(199,229,175)
```
#afe5b2
```
#afe5b2 rgb(175,229,178)
```
#afe5cd
```
#afe5cd rgb(175,229,205)
```

Analogous Color

#e5afc7
```
#e5afc7 rgb(229,175,199)
```
#afe5b2
```
#afe5b2 rgb(175,229,178)
```
#cdafe5
```
#cdafe5 rgb(205,175,229)
```

Split Complementary Color

#e5b2af
```
#e5b2af rgb(229,178,175)
```
#afe5b2
```
#afe5b2 rgb(175,229,178)
```
#b2afe5
```
#b2afe5 rgb(178,175,229)
```

Triadic Color

#e2e5af
```
#e2e5af rgb(226,229,175)
```
#afe5b2
```
#afe5b2 rgb(175,229,178)
```
#b2afe5
```
#b2afe5 rgb(178,175,229)
```
#e5afe2
```
#e5afe2 rgb(229,175,226)
```

Tetradic Color

#75d27a
```
#75d27a rgb(117,210,122)
```
#89d88d
```
#89d88d rgb(137,216,141)
```
#9cdf9f
```
#9cdf9f rgb(156,223,159)
```
#afe5b2
```
#afe5b2 rgb(175,229,178)
```
#c2ebc5
```
#c2ebc5 rgb(194,235,197)
```
#d5f2d7
```
#d5f2d7 rgb(213,242,215)
```
#e9f8ea
```
#e9f8ea rgb(233,248,234)
```

Monochromatic Color

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

#bae5af
```
#bae5af rgb(186,229,175)
```
#b5e5af
```
#b5e5af rgb(181,229,175)
```
#b1e5af
```
#b1e5af rgb(177,229,175)
```
#afe5b2
```
#afe5b2 rgb(175,229,178)
```
#afe5b7
```
#afe5b7 rgb(175,229,183)
```
#afe5bb
```
#afe5bb rgb(175,229,187)
```
#afe5c0
```
#afe5c0 rgb(175,229,192)
```

Similar Colors

Text with hexadecimal color #afe5b2

This text has a font color of #afe5b2.

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

#afe5b2 background color

This paragraph has a background color of #afe5b2.

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

#afe5b2 border color

This element has a border color of #afe5b2.

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

CSS codes

.text {color:#afe5b2;}

.background {background-color:#afe5b2;}

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

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

#030903
```
#030903 rgb(3,9,3)
```
#081809
```
#081809 rgb(8,24,9)
```
#0c260e
```
#0c260e rgb(12,38,14)
```
#113513
```
#113513 rgb(17,53,19)
```
#164419
```
#164419 rgb(22,68,25)
```
#1b531e
```
#1b531e rgb(27,83,30)
```
#206223
```
#206223 rgb(32,98,35)
```
#257029
```
#257029 rgb(37,112,41)
```
#297f2e
```
#297f2e rgb(41,127,46)
```
#2e8e33
```
#2e8e33 rgb(46,142,51)
```
#339d39
```
#339d39 rgb(51,157,57)
```
#38ac3e
```
#38ac3e rgb(56,172,62)
```
#3dba44
```
#3dba44 rgb(61,186,68)
```

Shade Color Variation

#47c34e
```
#47c34e rgb(71,195,78)
```
#56c85d
```
#56c85d rgb(86,200,93)
```
#65cd6b
```
#65cd6b rgb(101,205,107)
```
#74d279
```
#74d279 rgb(116,210,121)
```
#83d787
```
#83d787 rgb(131,215,135)
```
#91db96
```
#91db96 rgb(145,219,150)
```
#a0e0a4
```
#a0e0a4 rgb(160,224,164)
```
#afe5b2
```
#afe5b2 rgb(175,229,178)
```
#beeac0
```
#beeac0 rgb(190,234,192)
```
#cdefce
```
#cdefce rgb(205,239,206)
```
#dbf3dd
```
#dbf3dd rgb(219,243,221)
```
#eaf8eb
```
#eaf8eb rgb(234,248,235)
```
#f9fdf9
```
#f9fdf9 rgb(249,253,249)
```

Tint Color Variation

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

#c7cdc8
```
#c7cdc8 rgb(199,205,200)
```
#c3d1c4
```
#c3d1c4 rgb(195,209,196)
```
#bfd5c0
```
#bfd5c0 rgb(191,213,192)
```
#bbd9bd
```
#bbd9bd rgb(187,217,189)
```
#b7ddb9
```
#b7ddb9 rgb(183,221,185)
```
#b3e1b6
```
#b3e1b6 rgb(179,225,182)
```
#afe5b2
```
#afe5b2 rgb(175,229,178)
```
#abe9ae
```
#abe9ae rgb(171,233,174)
```
#a7edab
```
#a7edab rgb(167,237,171)
```
#a3f1a7
```
#a3f1a7 rgb(163,241,167)
```
#9ff5a4
```
#9ff5a4 rgb(159,245,164)
```
#9bf9a0
```
#9bf9a0 rgb(155,249,160)
```
#97fd9c
```
#97fd9c rgb(151,253,156)
```

Tone Color Variation

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

Dichromacy

#e6d9b0 Protanopia 1% of men
#f8d2bc Deuteranopia 1% of men
#bfdeee Tritanopia 0.001% of the population

Trichromacy

#d2ddb0 Protanomaly 1% of men, 0.01% of women
#ddd8b8 Deuteranomaly 6% of men, 0.4% of women
#b9e0d8 Tritanomaly 0.01% of the population

#afe5b2 hex color

#afe5b2 Color Information

#afe5b2 Color Conversion

Color Schemes with #afe5b2

Alternatives to #afe5b2

#afe5b2 Preview

Shades and Tints of #afe5b2

Tones of #afe5b2

Color Blindness Simulator