#afe894 hex color

In a RGB color space, hex #afe894 is composed of 68.6% red, 91% green and 58% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 0% magenta, 36.2% yellow and 9% black. It has a hue angle of 100.7 degrees, a saturation of 64.6% and a lightness of 74.5%. #afe894 color hex could be obtained by blending #ffffff with #5fd129. Closest websafe color is: #99ff99.

♥
- f
- t
- g
- R 69
- G 91
- B 58
RGB color chart
- C 25
- M 0
- Y 36
- K 9
CMYK color chart

● #afe894 color description : Very soft green.

The hexadecimal color #afe894 has RGB values of R:175, G:232, B:148 and CMYK values of C:0.25, M:0, Y:0.36, K:0.09. Its decimal value is 11528340.

Hex triplet	afe894	`#afe894`
RGB Decimal	175, 232, 148	`rgb(175,232,148)`
RGB Percent	68.6, 91, 58	`rgb(68.6%,91%,58%)`
CMYK	25, 0, 36, 9
HSL	100.7°, 64.6, 74.5	`hsl(100.7,64.6%,74.5%)`
HSV (or HSB)	100.7°, 36.2, 91
Web Safe	99ff99	`#99ff99`

CIE-LAB	86.486, -33.128, 35.16
XYZ	51.879, 68.964, 38.593
xyY	0.325, 0.433, 68.964
CIE-LCH	86.486, 48.308, 133.296
CIE-LUV	86.486, -28.348, 53.947
Hunter-Lab	83.044, -33.816, 30.577
Binary	10101111, 11101000, 10010100

#afe894
```
#afe894 rgb(175,232,148)
```
#cd94e8
```
#cd94e8 rgb(205,148,232)
```

Complementary Color

#d9e894
```
#d9e894 rgb(217,232,148)
```
#afe894
```
#afe894 rgb(175,232,148)
```
#94e8a3
```
#94e8a3 rgb(148,232,163)
```

Analogous Color

#e894d9
```
#e894d9 rgb(232,148,217)
```
#afe894
```
#afe894 rgb(175,232,148)
```
#a394e8
```
#a394e8 rgb(163,148,232)
```

Split Complementary Color

#e894af
```
#e894af rgb(232,148,175)
```
#afe894
```
#afe894 rgb(175,232,148)
```
#94afe8
```
#94afe8 rgb(148,175,232)
```

Triadic Color

#e8cd94
```
#e8cd94 rgb(232,205,148)
```
#afe894
```
#afe894 rgb(175,232,148)
```
#94afe8
```
#94afe8 rgb(148,175,232)
```
#cd94e8
```
#cd94e8 rgb(205,148,232)
```

Tetradic Color

#80da55
```
#80da55 rgb(128,218,85)
```
#90df6a
```
#90df6a rgb(144,223,106)
```
#9fe37f
```
#9fe37f rgb(159,227,127)
```
#afe894
```
#afe894 rgb(175,232,148)
```
#bfeda9
```
#bfeda9 rgb(191,237,169)
```
#cef1be
```
#cef1be rgb(206,241,190)
```
#def6d3
```
#def6d3 rgb(222,246,211)
```

Monochromatic Color

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

#c4e894
```
#c4e894 rgb(196,232,148)
```
#bde894
```
#bde894 rgb(189,232,148)
```
#b6e894
```
#b6e894 rgb(182,232,148)
```
#afe894
```
#afe894 rgb(175,232,148)
```
#a8e894
```
#a8e894 rgb(168,232,148)
```
#a1e894
```
#a1e894 rgb(161,232,148)
```
#9ae894
```
#9ae894 rgb(154,232,148)
```

Similar Colors

Text with hexadecimal color #afe894

This text has a font color of #afe894.

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

#afe894 background color

This paragraph has a background color of #afe894.

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

#afe894 border color

This element has a border color of #afe894.

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

CSS codes

.text {color:#afe894;}

.background {background-color:#afe894;}

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

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

#030601
```
#030601 rgb(3,6,1)
```
#0a1605
```
#0a1605 rgb(10,22,5)
```
#122608
```
#122608 rgb(18,38,8)
```
#19360c
```
#19360c rgb(25,54,12)
```
#21470f
```
#21470f rgb(33,71,15)
```
#295713
```
#295713 rgb(41,87,19)
```
#306716
```
#306716 rgb(48,103,22)
```
#38771a
```
#38771a rgb(56,119,26)
```
#3f871d
```
#3f871d rgb(63,135,29)
```
#479721
```
#479721 rgb(71,151,33)
```
#4ea724
```
#4ea724 rgb(78,167,36)
```
#56b827
```
#56b827 rgb(86,184,39)
```
#5dc82b
```
#5dc82b rgb(93,200,43)
```

Shade Color Variation

#67d333
```
#67d333 rgb(103,211,51)
```
#73d743
```
#73d743 rgb(115,215,67)
```
#7fda53
```
#7fda53 rgb(127,218,83)
```
#8bde64
```
#8bde64 rgb(139,222,100)
```
#97e174
```
#97e174 rgb(151,225,116)
```
#a3e584
```
#a3e584 rgb(163,229,132)
```
#afe894
```
#afe894 rgb(175,232,148)
```
#bbeba4
```
#bbeba4 rgb(187,235,164)
```
#c7efb4
```
#c7efb4 rgb(199,239,180)
```
#d3f2c4
```
#d3f2c4 rgb(211,242,196)
```
#dff6d5
```
#dff6d5 rgb(223,246,213)
```
#ebf9e5
```
#ebf9e5 rgb(235,249,229)
```
#f7fdf5
```
#f7fdf5 rgb(247,253,245)
```

Tint Color Variation

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

#bdc0bc
```
#bdc0bc rgb(189,192,188)
```
#bcc5b7
```
#bcc5b7 rgb(188,197,183)
```
#bacab2
```
#bacab2 rgb(186,202,178)
```
#b8cfad
```
#b8cfad rgb(184,207,173)
```
#b6d4a8
```
#b6d4a8 rgb(182,212,168)
```
#b4d9a3
```
#b4d9a3 rgb(180,217,163)
```
#b3de9e
```
#b3de9e rgb(179,222,158)
```
#b1e399
```
#b1e399 rgb(177,227,153)
```
#afe894
```
#afe894 rgb(175,232,148)
```
#aded8f
```
#aded8f rgb(173,237,143)
```
#abf28a
```
#abf28a rgb(171,242,138)
```
#aaf785
```
#aaf785 rgb(170,247,133)
```
#a8fc80
```
#a8fc80 rgb(168,252,128)
```

Tone Color Variation

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

Dichromacy

#ecda93 Protanopia 1% of men
#ffd2a6 Deuteranopia 1% of men
#c3deee Tritanopia 0.001% of the population

Trichromacy

#d6df93 Protanomaly 1% of men, 0.01% of women
#e1da9f Deuteranomaly 6% of men, 0.4% of women
#bbe2cd Tritanomaly 0.01% of the population

#afe894 hex color

#afe894 Color Information

#afe894 Color Conversion

Color Schemes with #afe894

Alternatives to #afe894

#afe894 Preview

Shades and Tints of #afe894

Tones of #afe894

Color Blindness Simulator