#afe786 hex color

In a RGB color space, hex #afe786 is composed of 68.6% red, 90.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 24.2% cyan, 0% magenta, 42% yellow and 9.4% black. It has a hue angle of 94.6 degrees, a saturation of 66.9% and a lightness of 71.6%. #afe786 color hex could be obtained by blending #ffffff with #5fcf0d. Closest websafe color is: #99ff99.

♥
- f
- t
- g
- R 69
- G 91
- B 53
RGB color chart
- C 24
- M 0
- Y 42
- K 9
CMYK color chart

● #afe786 color description : Very soft green.

The hexadecimal color #afe786 has RGB values of R:175, G:231, B:134 and CMYK values of C:0.24, M:0, Y:0.42, K:0.09. Its decimal value is 11528070.

Hex triplet	afe786	`#afe786`
RGB Decimal	175, 231, 134	`rgb(175,231,134)`
RGB Percent	68.6, 90.6, 52.5	`rgb(68.6%,90.6%,52.5%)`
CMYK	24, 0, 42, 9
HSL	94.6°, 66.9, 71.6	`hsl(94.6,66.9%,71.6%)`
HSV (or HSB)	94.6°, 42, 90.6
Web Safe	99ff99	`#99ff99`

CIE-LAB	85.999, -34.532, 41.502
XYZ	50.557, 67.986, 33.012
xyY	0.334, 0.449, 67.986
CIE-LCH	85.999, 53.99, 129.763
CIE-LUV	85.999, -27.843, 61.388
Hunter-Lab	82.453, -34.846, 33.979
Binary	10101111, 11100111, 10000110

#afe786
```
#afe786 rgb(175,231,134)
```
#be86e7
```
#be86e7 rgb(190,134,231)
```

Complementary Color

#e0e786
```
#e0e786 rgb(224,231,134)
```
#afe786
```
#afe786 rgb(175,231,134)
```
#86e78e
```
#86e78e rgb(134,231,142)
```

Analogous Color

#e786e0
```
#e786e0 rgb(231,134,224)
```
#afe786
```
#afe786 rgb(175,231,134)
```
#8e86e7
```
#8e86e7 rgb(142,134,231)
```

Split Complementary Color

#e786af
```
#e786af rgb(231,134,175)
```
#afe786
```
#afe786 rgb(175,231,134)
```
#86afe7
```
#86afe7 rgb(134,175,231)
```

Triadic Color

#e7be86
```
#e7be86 rgb(231,190,134)
```
#afe786
```
#afe786 rgb(175,231,134)
```
#86afe7
```
#86afe7 rgb(134,175,231)
```
#be86e7
```
#be86e7 rgb(190,134,231)
```

Tetradic Color

#85da46
```
#85da46 rgb(133,218,70)
```
#93df5b
```
#93df5b rgb(147,223,91)
```
#a1e371
```
#a1e371 rgb(161,227,113)
```
#afe786
```
#afe786 rgb(175,231,134)
```
#bdeb9b
```
#bdeb9b rgb(189,235,155)
```
#cbefb1
```
#cbefb1 rgb(203,239,177)
```
#d9f4c6
```
#d9f4c6 rgb(217,244,198)
```

Monochromatic Color

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

#c7e786
```
#c7e786 rgb(199,231,134)
```
#bfe786
```
#bfe786 rgb(191,231,134)
```
#b7e786
```
#b7e786 rgb(183,231,134)
```
#afe786
```
#afe786 rgb(175,231,134)
```
#a7e786
```
#a7e786 rgb(167,231,134)
```
#9fe786
```
#9fe786 rgb(159,231,134)
```
#97e786
```
#97e786 rgb(151,231,134)
```

Similar Colors

Text with hexadecimal color #afe786

This text has a font color of #afe786.

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

#afe786 background color

This paragraph has a background color of #afe786.

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

#afe786 border color

This element has a border color of #afe786.

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

CSS codes

.text {color:#afe786;}

.background {background-color:#afe786;}

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

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, #050a02 is the darkest color, while #fbfef9 is the lightest one.

#050a02
```
#050a02 rgb(5,10,2)
```
#0e1a05
```
#0e1a05 rgb(14,26,5)
```
#172b08
```
#172b08 rgb(23,43,8)
```
#203b0c
```
#203b0c rgb(32,59,12)
```
#294b0f
```
#294b0f rgb(41,75,15)
```
#315c12
```
#315c12 rgb(49,92,18)
```
#3a6c15
```
#3a6c15 rgb(58,108,21)
```
#437d19
```
#437d19 rgb(67,125,25)
```
#4c8d1c
```
#4c8d1c rgb(76,141,28)
```
#549d1f
```
#549d1f rgb(84,157,31)
```
#5dae22
```
#5dae22 rgb(93,174,34)
```
#66be26
```
#66be26 rgb(102,190,38)
```
#6fce29
```
#6fce29 rgb(111,206,41)
```

Shade Color Variation

#79d734
```
#79d734 rgb(121,215,52)
```
#84da45
```
#84da45 rgb(132,218,69)
```
#8fdd55
```
#8fdd55 rgb(143,221,85)
```
#99e165
```
#99e165 rgb(153,225,101)
```
#a4e476
```
#a4e476 rgb(164,228,118)
```
#afe786
```
#afe786 rgb(175,231,134)
```
#baea96
```
#baea96 rgb(186,234,150)
```
#c5eda7
```
#c5eda7 rgb(197,237,167)
```
#cff1b7
```
#cff1b7 rgb(207,241,183)
```
#daf4c7
```
#daf4c7 rgb(218,244,199)
```
#e5f7d8
```
#e5f7d8 rgb(229,247,216)
```
#f0fae8
```
#f0fae8 rgb(240,250,232)
```
#fbfef9
```
#fbfef9 rgb(251,254,249)
```

Tint Color Variation

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

#b6bab3
```
#b6bab3 rgb(182,186,179)
```
#b5c0ad
```
#b5c0ad rgb(181,192,173)
```
#b4c6a7
```
#b4c6a7 rgb(180,198,167)
```
#b3cba2
```
#b3cba2 rgb(179,203,162)
```
#b2d19c
```
#b2d19c rgb(178,209,156)
```
#b2d697
```
#b2d697 rgb(178,214,151)
```
#b1dc91
```
#b1dc91 rgb(177,220,145)
```
#b0e18c
```
#b0e18c rgb(176,225,140)
```
#afe786
```
#afe786 rgb(175,231,134)
```
#aeed80
```
#aeed80 rgb(174,237,128)
```
#adf27b
```
#adf27b rgb(173,242,123)
```
#acf875
```
#acf875 rgb(172,248,117)
```
#acfd70
```
#acfd70 rgb(172,253,112)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#c5d1bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd986 Protanopia 1% of men
#ffd19d Deuteranopia 1% of men
#c4dcec Tritanopia 0.001% of the population

Trichromacy

#d6de86 Protanomaly 1% of men, 0.01% of women
#e1d994 Deuteranomaly 6% of men, 0.4% of women
#bce0c7 Tritanomaly 0.01% of the population

#afe786 hex color

#afe786 Color Information

#afe786 Color Conversion

Color Schemes with #afe786

Alternatives to #afe786

#afe786 Preview

Shades and Tints of #afe786

Tones of #afe786

Color Blindness Simulator