#afe1b1 hex color

In a RGB color space, hex #afe1b1 is composed of 68.6% red, 88.2% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 0% magenta, 21.3% yellow and 11.8% black. It has a hue angle of 122.4 degrees, a saturation of 45.5% and a lightness of 78.4%. #afe1b1 color hex could be obtained by blending #ffffff with #5fc363. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 88
- B 69
RGB color chart
- C 22
- M 0
- Y 21
- K 12
CMYK color chart

● #afe1b1 color description : Very soft lime green.

The hexadecimal color #afe1b1 has RGB values of R:175, G:225, B:177 and CMYK values of C:0.22, M:0, Y:0.21, K:0.12. Its decimal value is 11526577.

Hex triplet	afe1b1	`#afe1b1`
RGB Decimal	175, 225, 177	`rgb(175,225,177)`
RGB Percent	68.6, 88.2, 69.4	`rgb(68.6%,88.2%,69.4%)`
CMYK	22, 0, 21, 12
HSL	122.4°, 45.5, 78.4	`hsl(122.4,45.5%,78.4%)`
HSV (or HSB)	122.4°, 22.2, 88.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	85.066, -25.287, 18.333
XYZ	52.538, 66.137, 51.59
xyY	0.309, 0.388, 66.137
CIE-LCH	85.066, 31.233, 144.057
CIE-LUV	85.066, -25.015, 30.914
Hunter-Lab	81.325, -27.003, 19.315
Binary	10101111, 11100001, 10110001

#afe1b1
```
#afe1b1 rgb(175,225,177)
```
#e1afdf
```
#e1afdf rgb(225,175,223)
```

Complementary Color

#c6e1af
```
#c6e1af rgb(198,225,175)
```
#afe1b1
```
#afe1b1 rgb(175,225,177)
```
#afe1ca
```
#afe1ca rgb(175,225,202)
```

Analogous Color

#e1afc6
```
#e1afc6 rgb(225,175,198)
```
#afe1b1
```
#afe1b1 rgb(175,225,177)
```
#caafe1
```
#caafe1 rgb(202,175,225)
```

Split Complementary Color

#e1b1af
```
#e1b1af rgb(225,177,175)
```
#afe1b1
```
#afe1b1 rgb(175,225,177)
```
#b1afe1
```
#b1afe1 rgb(177,175,225)
```

Triadic Color

#dfe1af
```
#dfe1af rgb(223,225,175)
```
#afe1b1
```
#afe1b1 rgb(175,225,177)
```
#b1afe1
```
#b1afe1 rgb(177,175,225)
```
#e1afdf
```
#e1afdf rgb(225,175,223)
```

Tetradic Color

#77cc7b
```
#77cc7b rgb(119,204,123)
```
#8ad38d
```
#8ad38d rgb(138,211,141)
```
#9cda9f
```
#9cda9f rgb(156,218,159)
```
#afe1b1
```
#afe1b1 rgb(175,225,177)
```
#c2e8c3
```
#c2e8c3 rgb(194,232,195)
```
#d4efd5
```
#d4efd5 rgb(212,239,213)
```
#e7f6e7
```
#e7f6e7 rgb(231,246,231)
```

Monochromatic Color

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

#bae1af
```
#bae1af rgb(186,225,175)
```
#b5e1af
```
#b5e1af rgb(181,225,175)
```
#b1e1af
```
#b1e1af rgb(177,225,175)
```
#afe1b1
```
#afe1b1 rgb(175,225,177)
```
#afe1b5
```
#afe1b5 rgb(175,225,181)
```
#afe1b9
```
#afe1b9 rgb(175,225,185)
```
#afe1be
```
#afe1be rgb(175,225,190)
```

Similar Colors

Text with hexadecimal color #afe1b1

This text has a font color of #afe1b1.

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

#afe1b1 background color

This paragraph has a background color of #afe1b1.

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

#afe1b1 border color

This element has a border color of #afe1b1.

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

CSS codes

.text {color:#afe1b1;}

.background {background-color:#afe1b1;}

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

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

#020602
```
#020602 rgb(2,6,2)
```
#071408
```
#071408 rgb(7,20,8)
```
#0d220e
```
#0d220e rgb(13,34,14)
```
#123013
```
#123013 rgb(18,48,19)
```
#173f19
```
#173f19 rgb(23,63,25)
```
#1d4d1f
```
#1d4d1f rgb(29,77,31)
```
#225b24
```
#225b24 rgb(34,91,36)
```
#28692a
```
#28692a rgb(40,105,42)
```
#2d7830
```
#2d7830 rgb(45,120,48)
```
#328636
```
#328636 rgb(50,134,54)
```
#38943b
```
#38943b rgb(56,148,59)
```
#3da341
```
#3da341 rgb(61,163,65)
```
#42b147
```
#42b147 rgb(66,177,71)
```

Shade Color Variation

#4bbc50
```
#4bbc50 rgb(75,188,80)
```
#59c15e
```
#59c15e rgb(89,193,94)
```
#68c66b
```
#68c66b rgb(104,198,107)
```
#76cc79
```
#76cc79 rgb(118,204,121)
```
#84d187
```
#84d187 rgb(132,209,135)
```
#92d695
```
#92d695 rgb(146,214,149)
```
#a1dca3
```
#a1dca3 rgb(161,220,163)
```
#afe1b1
```
#afe1b1 rgb(175,225,177)
```
#bde6bf
```
#bde6bf rgb(189,230,191)
```
#cceccd
```
#cceccd rgb(204,236,205)
```
#daf1db
```
#daf1db rgb(218,241,219)
```
#e8f6e9
```
#e8f6e9 rgb(232,246,233)
```
#f6fcf7
```
#f6fcf7 rgb(246,252,247)
```

Tint Color Variation

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

#c4ccc4
```
#c4ccc4 rgb(196,204,196)
```
#c0d0c1
```
#c0d0c1 rgb(192,208,193)
```
#bcd4bd
```
#bcd4bd rgb(188,212,189)
```
#b7d9b9
```
#b7d9b9 rgb(183,217,185)
```
#b3ddb5
```
#b3ddb5 rgb(179,221,181)
```
#afe1b1
```
#afe1b1 rgb(175,225,177)
```
#abe5ad
```
#abe5ad rgb(171,229,173)
```
#a7e9a9
```
#a7e9a9 rgb(167,233,169)
```
#a2eea5
```
#a2eea5 rgb(162,238,165)
```
#9ef2a1
```
#9ef2a1 rgb(158,242,161)
```
#9af69e
```
#9af69e rgb(154,246,158)
```
#96fa9a
```
#96fa9a rgb(150,250,154)
```
#91ff96
```
#91ff96 rgb(145,255,150)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#c7d1c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3d6af Protanopia 1% of men
#f4cfbb Deuteranopia 1% of men
#bedbea Tritanopia 0.001% of the population

Trichromacy

#d0dab0 Protanomaly 1% of men, 0.01% of women
#dbd5b7 Deuteranomaly 6% of men, 0.4% of women
#b8ddd5 Tritanomaly 0.01% of the population

#afe1b1 hex color

#afe1b1 Color Information

#afe1b1 Color Conversion

Color Schemes with #afe1b1

Alternatives to #afe1b1

#afe1b1 Preview

Shades and Tints of #afe1b1

Tones of #afe1b1

Color Blindness Simulator