#afe48a hex color

In a RGB color space, hex #afe48a is composed of 68.6% red, 89.4% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 23.2% cyan, 0% magenta, 39.5% yellow and 10.6% black. It has a hue angle of 95.3 degrees, a saturation of 62.5% and a lightness of 71.8%. #afe48a color hex could be obtained by blending #ffffff with #5fc915. Closest websafe color is: #99cc99.

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

● #afe48a color description : Very soft green.

The hexadecimal color #afe48a has RGB values of R:175, G:228, B:138 and CMYK values of C:0.23, M:0, Y:0.39, K:0.11. Its decimal value is 11527306.

Hex triplet	afe48a	`#afe48a`
RGB Decimal	175, 228, 138	`rgb(175,228,138)`
RGB Percent	68.6, 89.4, 54.1	`rgb(68.6%,89.4%,54.1%)`
CMYK	23, 0, 39, 11
HSL	95.3°, 62.5, 71.8	`hsl(95.3,62.5%,71.8%)`
HSV (or HSB)	95.3°, 39.5, 89.4
Web Safe	99cc99	`#99cc99`

CIE-LAB	85.218, -32.632, 38.519
XYZ	50.009, 66.435, 34.232
xyY	0.332, 0.441, 66.435
CIE-LCH	85.218, 50.484, 130.27
CIE-LUV	85.218, -26.343, 57.539
Hunter-Lab	81.507, -33.12, 32.154
Binary	10101111, 11100100, 10001010

#afe48a
```
#afe48a rgb(175,228,138)
```
#bf8ae4
```
#bf8ae4 rgb(191,138,228)
```

Complementary Color

#dce48a
```
#dce48a rgb(220,228,138)
```
#afe48a
```
#afe48a rgb(175,228,138)
```
#8ae492
```
#8ae492 rgb(138,228,146)
```

Analogous Color

#e48adc
```
#e48adc rgb(228,138,220)
```
#afe48a
```
#afe48a rgb(175,228,138)
```
#928ae4
```
#928ae4 rgb(146,138,228)
```

Split Complementary Color

#e48aaf
```
#e48aaf rgb(228,138,175)
```
#afe48a
```
#afe48a rgb(175,228,138)
```
#8aafe4
```
#8aafe4 rgb(138,175,228)
```

Triadic Color

#e4bf8a
```
#e4bf8a rgb(228,191,138)
```
#afe48a
```
#afe48a rgb(175,228,138)
```
#8aafe4
```
#8aafe4 rgb(138,175,228)
```
#bf8ae4
```
#bf8ae4 rgb(191,138,228)
```

Tetradic Color

#85d64c
```
#85d64c rgb(133,214,76)
```
#93da61
```
#93da61 rgb(147,218,97)
```
#a1df75
```
#a1df75 rgb(161,223,117)
```
#afe48a
```
#afe48a rgb(175,228,138)
```
#bde99f
```
#bde99f rgb(189,233,159)
```
#cbeeb3
```
#cbeeb3 rgb(203,238,179)
```
#daf2c8
```
#daf2c8 rgb(218,242,200)
```

Monochromatic Color

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

#c6e48a
```
#c6e48a rgb(198,228,138)
```
#bee48a
```
#bee48a rgb(190,228,138)
```
#b7e48a
```
#b7e48a rgb(183,228,138)
```
#afe48a
```
#afe48a rgb(175,228,138)
```
#a8e48a
```
#a8e48a rgb(168,228,138)
```
#a0e48a
```
#a0e48a rgb(160,228,138)
```
#99e48a
```
#99e48a rgb(153,228,138)
```

Similar Colors

Text with hexadecimal color #afe48a

This text has a font color of #afe48a.

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

#afe48a background color

This paragraph has a background color of #afe48a.

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

#afe48a border color

This element has a border color of #afe48a.

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

CSS codes

.text {color:#afe48a;}

.background {background-color:#afe48a;}

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

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, #060b02 is the darkest color, while #fbfefa is the lightest one.

#060b02
```
#060b02 rgb(6,11,2)
```
#0e1a06
```
#0e1a06 rgb(14,26,6)
```
#172a0a
```
#172a0a rgb(23,42,10)
```
#203a0d
```
#203a0d rgb(32,58,13)
```
#294a11
```
#294a11 rgb(41,74,17)
```
#315a15
```
#315a15 rgb(49,90,21)
```
#3a6a18
```
#3a6a18 rgb(58,106,24)
```
#437a1c
```
#437a1c rgb(67,122,28)
```
#4b8a20
```
#4b8a20 rgb(75,138,32)
```
#549a24
```
#549a24 rgb(84,154,36)
```
#5daa27
```
#5daa27 rgb(93,170,39)
```
#66ba2b
```
#66ba2b rgb(102,186,43)
```
#6eca2f
```
#6eca2f rgb(110,202,47)
```

Shade Color Variation

#79d23a
```
#79d23a rgb(121,210,58)
```
#83d54a
```
#83d54a rgb(131,213,74)
```
#8ed95a
```
#8ed95a rgb(142,217,90)
```
#99dd6a
```
#99dd6a rgb(153,221,106)
```
#a4e07a
```
#a4e07a rgb(164,224,122)
```
#afe48a
```
#afe48a rgb(175,228,138)
```
#bae89a
```
#bae89a rgb(186,232,154)
```
#c5ebaa
```
#c5ebaa rgb(197,235,170)
```
#d0efba
```
#d0efba rgb(208,239,186)
```
#dbf3ca
```
#dbf3ca rgb(219,243,202)
```
#e5f6da
```
#e5f6da rgb(229,246,218)
```
#f0faea
```
#f0faea rgb(240,250,234)
```
#fbfefa
```
#fbfefa rgb(251,254,250)
```

Tint Color Variation

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

#b7b8b6
```
#b7b8b6 rgb(183,184,182)
```
#b6bdb1
```
#b6bdb1 rgb(182,189,177)
```
#b5c3ab
```
#b5c3ab rgb(181,195,171)
```
#b4c8a6
```
#b4c8a6 rgb(180,200,166)
```
#b3cea0
```
#b3cea0 rgb(179,206,160)
```
#b2d39b
```
#b2d39b rgb(178,211,155)
```
#b1d995
```
#b1d995 rgb(177,217,149)
```
#b0de90
```
#b0de90 rgb(176,222,144)
```
#afe48a
```
#afe48a rgb(175,228,138)
```
#aeea84
```
#aeea84 rgb(174,234,132)
```
#adef7f
```
#adef7f rgb(173,239,127)
```
#acf579
```
#acf579 rgb(172,245,121)
```
#abfa74
```
#abfa74 rgb(171,250,116)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#c5cfbd Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d78a Protanopia 1% of men
#ffce97 Deuteranopia 1% of men
#c3daea Tritanopia 0.001% of the population

Trichromacy

#d4db8a Protanomaly 1% of men, 0.01% of women
#e1d692 Deuteranomaly 6% of men, 0.4% of women
#bbddc7 Tritanomaly 0.01% of the population

#afe48a hex color

#afe48a Color Information

#afe48a Color Conversion

Color Schemes with #afe48a

Alternatives to #afe48a

#afe48a Preview

Shades and Tints of #afe48a

Tones of #afe48a

Color Blindness Simulator