#afe18f hex color

In a RGB color space, hex #afe18f is composed of 68.6% red, 88.2% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 0% magenta, 36.4% yellow and 11.8% black. It has a hue angle of 96.6 degrees, a saturation of 57.7% and a lightness of 72.2%. #afe18f color hex could be obtained by blending #ffffff with #5fc31f. Closest websafe color is: #99cc99.

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

● #afe18f color description : Very soft green.

The hexadecimal color #afe18f has RGB values of R:175, G:225, B:143 and CMYK values of C:0.22, M:0, Y:0.36, K:0.12. Its decimal value is 11526543.

Hex triplet	afe18f	`#afe18f`
RGB Decimal	175, 225, 143	`rgb(175,225,143)`
RGB Percent	68.6, 88.2, 56.1	`rgb(68.6%,88.2%,56.1%)`
CMYK	22, 0, 36, 12
HSL	96.6°, 57.7, 72.2	`hsl(96.6,57.7%,72.2%)`
HSV (or HSB)	96.6°, 36.4, 88.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	84.456, -30.558, 35.019
XYZ	49.561, 64.946, 35.91
xyY	0.329, 0.432, 64.946
CIE-LCH	84.456, 46.478, 131.109
CIE-LUV	84.456, -24.85, 52.982
Hunter-Lab	80.589, -31.257, 29.993
Binary	10101111, 11100001, 10001111

#afe18f
```
#afe18f rgb(175,225,143)
```
#c18fe1
```
#c18fe1 rgb(193,143,225)
```

Complementary Color

#d8e18f
```
#d8e18f rgb(216,225,143)
```
#afe18f
```
#afe18f rgb(175,225,143)
```
#8fe198
```
#8fe198 rgb(143,225,152)
```

Analogous Color

#e18fd8
```
#e18fd8 rgb(225,143,216)
```
#afe18f
```
#afe18f rgb(175,225,143)
```
#988fe1
```
#988fe1 rgb(152,143,225)
```

Split Complementary Color

#e18faf
```
#e18faf rgb(225,143,175)
```
#afe18f
```
#afe18f rgb(175,225,143)
```
#8fafe1
```
#8fafe1 rgb(143,175,225)
```

Triadic Color

#e1c18f
```
#e1c18f rgb(225,193,143)
```
#afe18f
```
#afe18f rgb(175,225,143)
```
#8fafe1
```
#8fafe1 rgb(143,175,225)
```
#c18fe1
```
#c18fe1 rgb(193,143,225)
```

Tetradic Color

#84d153
```
#84d153 rgb(132,209,83)
```
#92d667
```
#92d667 rgb(146,214,103)
```
#a1dc7b
```
#a1dc7b rgb(161,220,123)
```
#afe18f
```
#afe18f rgb(175,225,143)
```
#bde6a3
```
#bde6a3 rgb(189,230,163)
```
#ccecb7
```
#ccecb7 rgb(204,236,183)
```
#daf1cb
```
#daf1cb rgb(218,241,203)
```

Monochromatic Color

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

#c4e18f
```
#c4e18f rgb(196,225,143)
```
#bde18f
```
#bde18f rgb(189,225,143)
```
#b6e18f
```
#b6e18f rgb(182,225,143)
```
#afe18f
```
#afe18f rgb(175,225,143)
```
#a8e18f
```
#a8e18f rgb(168,225,143)
```
#a1e18f
```
#a1e18f rgb(161,225,143)
```
#9be18f
```
#9be18f rgb(155,225,143)
```

Similar Colors

Text with hexadecimal color #afe18f

This text has a font color of #afe18f.

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

#afe18f background color

This paragraph has a background color of #afe18f.

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

#afe18f border color

This element has a border color of #afe18f.

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

CSS codes

.text {color:#afe18f;}

.background {background-color:#afe18f;}

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

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, #070c03 is the darkest color, while #fcfefb is the lightest one.

#070c03
```
#070c03 rgb(7,12,3)
```
#0f1b07
```
#0f1b07 rgb(15,27,7)
```
#182b0b
```
#182b0b rgb(24,43,11)
```
#203a10
```
#203a10 rgb(32,58,16)
```
#294a14
```
#294a14 rgb(41,74,20)
```
#315918
```
#315918 rgb(49,89,24)
```
#3a691c
```
#3a691c rgb(58,105,28)
```
#427820
```
#427820 rgb(66,120,32)
```
#4b8824
```
#4b8824 rgb(75,136,36)
```
#549728
```
#549728 rgb(84,151,40)
```
#5ca62d
```
#5ca62d rgb(92,166,45)
```
#65b631
```
#65b631 rgb(101,182,49)
```
#6dc535
```
#6dc535 rgb(109,197,53)
```

Shade Color Variation

#78cc42
```
#78cc42 rgb(120,204,66)
```
#83d051
```
#83d051 rgb(131,208,81)
```
#8ed561
```
#8ed561 rgb(142,213,97)
```
#99d970
```
#99d970 rgb(153,217,112)
```
#a4dd80
```
#a4dd80 rgb(164,221,128)
```
#afe18f
```
#afe18f rgb(175,225,143)
```
#bae59e
```
#bae59e rgb(186,229,158)
```
#c5e9ae
```
#c5e9ae rgb(197,233,174)
```
#d0edbd
```
#d0edbd rgb(208,237,189)
```
#dbf2cd
```
#dbf2cd rgb(219,242,205)
```
#e6f6dc
```
#e6f6dc rgb(230,246,220)
```
#f1faec
```
#f1faec rgb(241,250,236)
```
#fcfefb
```
#fcfefb rgb(252,254,251)
```

Tint Color Variation

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

#b7bbb5
```
#b7bbb5 rgb(183,187,181)
```
#b6c0b0
```
#b6c0b0 rgb(182,192,176)
```
#b5c6aa
```
#b5c6aa rgb(181,198,170)
```
#b4cba5
```
#b4cba5 rgb(180,203,165)
```
#b3d19f
```
#b3d19f rgb(179,209,159)
```
#b1d69a
```
#b1d69a rgb(177,214,154)
```
#b0dc94
```
#b0dc94 rgb(176,220,148)
```
#afe18f
```
#afe18f rgb(175,225,143)
```
#aee68a
```
#aee68a rgb(174,230,138)
```
#adec84
```
#adec84 rgb(173,236,132)
```
#abf17f
```
#abf17f rgb(171,241,127)
```
#aaf779
```
#aaf779 rgb(170,247,121)
```
#a9fc74
```
#a9fc74 rgb(169,252,116)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c4cebd Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d48f Protanopia 1% of men
#fbcc9b Deuteranopia 1% of men
#c2d8e7 Tritanopia 0.001% of the population

Trichromacy

#d2d98f Protanomaly 1% of men, 0.01% of women
#dfd497 Deuteranomaly 6% of men, 0.4% of women
#bbdbc7 Tritanomaly 0.01% of the population

#afe18f hex color

#afe18f Color Information

#afe18f Color Conversion

Color Schemes with #afe18f

Alternatives to #afe18f

#afe18f Preview

Shades and Tints of #afe18f

Tones of #afe18f

Color Blindness Simulator