#afe4be hex color

In a RGB color space, hex #afe4be is composed of 68.6% red, 89.4% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 23.2% cyan, 0% magenta, 16.7% yellow and 10.6% black. It has a hue angle of 137 degrees, a saturation of 49.5% and a lightness of 79%. #afe4be color hex could be obtained by blending #ffffff with #5fc97d. Closest websafe color is: #99cccc.

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

● #afe4be color description : Very soft cyan - lime green.

The hexadecimal color #afe4be has RGB values of R:175, G:228, B:190 and CMYK values of C:0.23, M:0, Y:0.17, K:0.11. Its decimal value is 11527358.

Hex triplet	afe4be	`#afe4be`
RGB Decimal	175, 228, 190	`rgb(175,228,190)`
RGB Percent	68.6, 89.4, 74.5	`rgb(68.6%,89.4%,74.5%)`
CMYK	23, 0, 17, 11
HSL	137°, 49.5, 79	`hsl(137,49.5%,79%)`
HSV (or HSB)	137°, 23.2, 89.4
Web Safe	99cccc	`#99cccc`

CIE-LAB	86.165, -24.431, 13.079
XYZ	54.714, 68.317, 59.016
xyY	0.301, 0.375, 68.317
CIE-LCH	86.165, 27.711, 151.838
CIE-LUV	86.165, -26.504, 23.517
Hunter-Lab	82.654, -26.483, 15.524
Binary	10101111, 11100100, 10111110

#afe4be
```
#afe4be rgb(175,228,190)
```
#e4afd5
```
#e4afd5 rgb(228,175,213)
```

Complementary Color

#bbe4af
```
#bbe4af rgb(187,228,175)
```
#afe4be
```
#afe4be rgb(175,228,190)
```
#afe4d9
```
#afe4d9 rgb(175,228,217)
```

Analogous Color

#e4afbb
```
#e4afbb rgb(228,175,187)
```
#afe4be
```
#afe4be rgb(175,228,190)
```
#d9afe4
```
#d9afe4 rgb(217,175,228)
```

Split Complementary Color

#e4beaf
```
#e4beaf rgb(228,190,175)
```
#afe4be
```
#afe4be rgb(175,228,190)
```
#beafe4
```
#beafe4 rgb(190,175,228)
```

Triadic Color

#d5e4af
```
#d5e4af rgb(213,228,175)
```
#afe4be
```
#afe4be rgb(175,228,190)
```
#beafe4
```
#beafe4 rgb(190,175,228)
```
#e4afd5
```
#e4afd5 rgb(228,175,213)
```

Tetradic Color

#76d190
```
#76d190 rgb(118,209,144)
```
#89d79f
```
#89d79f rgb(137,215,159)
```
#9cdeaf
```
#9cdeaf rgb(156,222,175)
```
#afe4be
```
#afe4be rgb(175,228,190)
```
#c2eacd
```
#c2eacd rgb(194,234,205)
```
#d5f1dd
```
#d5f1dd rgb(213,241,221)
```
#e8f7ec
```
#e8f7ec rgb(232,247,236)
```

Monochromatic Color

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

#afe4b1
```
#afe4b1 rgb(175,228,177)
```
#afe4b5
```
#afe4b5 rgb(175,228,181)
```
#afe4ba
```
#afe4ba rgb(175,228,186)
```
#afe4be
```
#afe4be rgb(175,228,190)
```
#afe4c2
```
#afe4c2 rgb(175,228,194)
```
#afe4c7
```
#afe4c7 rgb(175,228,199)
```
#afe4cb
```
#afe4cb rgb(175,228,203)
```

Similar Colors

Text with hexadecimal color #afe4be

This text has a font color of #afe4be.

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

#afe4be background color

This paragraph has a background color of #afe4be.

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

#afe4be border color

This element has a border color of #afe4be.

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

CSS codes

.text {color:#afe4be;}

.background {background-color:#afe4be;}

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

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

#030804
```
#030804 rgb(3,8,4)
```
#08170c
```
#08170c rgb(8,23,12)
```
#0d2514
```
#0d2514 rgb(13,37,20)
```
#12341b
```
#12341b rgb(18,52,27)
```
#164323
```
#164323 rgb(22,67,35)
```
#1b512b
```
#1b512b rgb(27,81,43)
```
#206032
```
#206032 rgb(32,96,50)
```
#256f3a
```
#256f3a rgb(37,111,58)
```
#2a7d42
```
#2a7d42 rgb(42,125,66)
```
#2f8c49
```
#2f8c49 rgb(47,140,73)
```
#349b51
```
#349b51 rgb(52,155,81)
```
#39a959
```
#39a959 rgb(57,169,89)
```
#3eb861
```
#3eb861 rgb(62,184,97)
```

Shade Color Variation

#48c16b
```
#48c16b rgb(72,193,107)
```
#57c677
```
#57c677 rgb(87,198,119)
```
#66cb82
```
#66cb82 rgb(102,203,130)
```
#74d08e
```
#74d08e rgb(116,208,142)
```
#83d59a
```
#83d59a rgb(131,213,154)
```
#92daa6
```
#92daa6 rgb(146,218,166)
```
#a0dfb2
```
#a0dfb2 rgb(160,223,178)
```
#afe4be
```
#afe4be rgb(175,228,190)
```
#bee9ca
```
#bee9ca rgb(190,233,202)
```
#cceed6
```
#cceed6 rgb(204,238,214)
```
#dbf3e2
```
#dbf3e2 rgb(219,243,226)
```
#eaf8ee
```
#eaf8ee rgb(234,248,238)
```
#f8fdfa
```
#f8fdfa rgb(248,253,250)
```

Tint Color Variation

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

#c8cbc9
```
#c8cbc9 rgb(200,203,201)
```
#c4cfc7
```
#c4cfc7 rgb(196,207,199)
```
#bfd4c5
```
#bfd4c5 rgb(191,212,197)
```
#bbd8c3
```
#bbd8c3 rgb(187,216,195)
```
#b7dcc2
```
#b7dcc2 rgb(183,220,194)
```
#b3e0c0
```
#b3e0c0 rgb(179,224,192)
```
#afe4be
```
#afe4be rgb(175,228,190)
```
#abe8bc
```
#abe8bc rgb(171,232,188)
```
#a7ecba
```
#a7ecba rgb(167,236,186)
```
#a3f0b9
```
#a3f0b9 rgb(163,240,185)
```
#9ff4b7
```
#9ff4b7 rgb(159,244,183)
```
#9af9b5
```
#9af9b5 rgb(154,249,181)
```
#96fdb3
```
#96fdb3 rgb(150,253,179)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#c9d4cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4d8bb Protanopia 1% of men
#f4d2c7 Deuteranopia 1% of men
#bddeee Tritanopia 0.001% of the population

Trichromacy

#d0dcbc Protanomaly 1% of men, 0.01% of women
#dbd8c4 Deuteranomaly 6% of men, 0.4% of women
#b8e0dd Tritanomaly 0.01% of the population

#afe4be hex color

#afe4be Color Information

#afe4be Color Conversion

Color Schemes with #afe4be

Alternatives to #afe4be

#afe4be Preview

Shades and Tints of #afe4be

Tones of #afe4be

Color Blindness Simulator