#afe758 hex color

In a RGB color space, hex #afe758 is composed of 68.6% red, 90.6% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 24.2% cyan, 0% magenta, 61.9% yellow and 9.4% black. It has a hue angle of 83.5 degrees, a saturation of 74.9% and a lightness of 62.5%. #afe758 color hex could be obtained by blending #ffffb0 with #5fcf00. Closest websafe color is: #99ff66.

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

● #afe758 color description : Soft green.

The hexadecimal color #afe758 has RGB values of R:175, G:231, B:88 and CMYK values of C:0.24, M:0, Y:0.62, K:0.09. Its decimal value is 11528024.

Hex triplet	afe758	`#afe758`
RGB Decimal	175, 231, 88	`rgb(175,231,88)`
RGB Percent	68.6, 90.6, 34.5	`rgb(68.6%,90.6%,34.5%)`
CMYK	24, 0, 62, 9
HSL	83.5°, 74.9, 62.5	`hsl(83.5,74.9%,62.5%)`
HSV (or HSB)	83.5°, 61.9, 90.6
Web Safe	99ff66	`#99ff66`

CIE-LAB	85.488, -39.235, 61.999
XYZ	48.016, 66.969, 19.629
xyY	0.357, 0.497, 66.969
CIE-LCH	85.488, 73.37, 122.327
CIE-LUV	85.488, -27.823, 82.189
Hunter-Lab	81.835, -38.478, 43.063
Binary	10101111, 11100111, 01011000

#afe758
```
#afe758 rgb(175,231,88)
```
#9058e7
```
#9058e7 rgb(144,88,231)
```

Complementary Color

#e7d858
```
#e7d858 rgb(231,216,88)
```
#afe758
```
#afe758 rgb(175,231,88)
```
#68e758
```
#68e758 rgb(104,231,88)
```

Analogous Color

#d858e7
```
#d858e7 rgb(216,88,231)
```
#afe758
```
#afe758 rgb(175,231,88)
```
#5868e7
```
#5868e7 rgb(88,104,231)
```

Split Complementary Color

#e758af
```
#e758af rgb(231,88,175)
```
#afe758
```
#afe758 rgb(175,231,88)
```
#58afe7
```
#58afe7 rgb(88,175,231)
```

Triadic Color

#e79058
```
#e79058 rgb(231,144,88)
```
#afe758
```
#afe758 rgb(175,231,88)
```
#58afe7
```
#58afe7 rgb(88,175,231)
```
#9058e7
```
#9058e7 rgb(144,88,231)
```

Tetradic Color

#8dd41e
```
#8dd41e rgb(141,212,30)
```
#9ae12b
```
#9ae12b rgb(154,225,43)
```
#a4e442
```
#a4e442 rgb(164,228,66)
```
#afe758
```
#afe758 rgb(175,231,88)
```
#baea6e
```
#baea6e rgb(186,234,110)
```
#c4ed85
```
#c4ed85 rgb(196,237,133)
```
#cff19b
```
#cff19b rgb(207,241,155)
```

Monochromatic Color

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

#d3e758
```
#d3e758 rgb(211,231,88)
```
#c7e758
```
#c7e758 rgb(199,231,88)
```
#bbe758
```
#bbe758 rgb(187,231,88)
```
#afe758
```
#afe758 rgb(175,231,88)
```
#a3e758
```
#a3e758 rgb(163,231,88)
```
#97e758
```
#97e758 rgb(151,231,88)
```
#8be758
```
#8be758 rgb(139,231,88)
```

Similar Colors

Text with hexadecimal color #afe758

This text has a font color of #afe758.

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

#afe758 background color

This paragraph has a background color of #afe758.

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

#afe758 border color

This element has a border color of #afe758.

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

CSS codes

.text {color:#afe758;}

.background {background-color:#afe758;}

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

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

#030501
```
#030501 rgb(3,5,1)
```
#0e1603
```
#0e1603 rgb(14,22,3)
```
#1a2706
```
#1a2706 rgb(26,39,6)
```
#253808
```
#253808 rgb(37,56,8)
```
#31490b
```
#31490b rgb(49,73,11)
```
#3c5a0d
```
#3c5a0d rgb(60,90,13)
```
#476b0f
```
#476b0f rgb(71,107,15)
```
#537d12
```
#537d12 rgb(83,125,18)
```
#5e8e14
```
#5e8e14 rgb(94,142,20)
```
#6a9f17
```
#6a9f17 rgb(106,159,23)
```
#75b019
```
#75b019 rgb(117,176,25)
```
#80c11c
```
#80c11c rgb(128,193,28)
```
#8cd21e
```
#8cd21e rgb(140,210,30)
```

Shade Color Variation

#96e025
```
#96e025 rgb(150,224,37)
```
#9fe236
```
#9fe236 rgb(159,226,54)
```
#a7e547
```
#a7e547 rgb(167,229,71)
```
#afe758
```
#afe758 rgb(175,231,88)
```
#b7e969
```
#b7e969 rgb(183,233,105)
```
#bfec7a
```
#bfec7a rgb(191,236,122)
```
#c8ee8b
```
#c8ee8b rgb(200,238,139)
```
#d0f19d
```
#d0f19d rgb(208,241,157)
```
#d8f3ae
```
#d8f3ae rgb(216,243,174)
```
#e0f6bf
```
#e0f6bf rgb(224,246,191)
```
#e9f8d0
```
#e9f8d0 rgb(233,248,208)
```
#f1fbe1
```
#f1fbe1 rgb(241,251,225)
```
#f9fdf2
```
#f9fdf2 rgb(249,253,242)
```

Tint Color Variation

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

#a1a59a
```
#a1a59a rgb(161,165,154)
```
#a2ac93
```
#a2ac93 rgb(162,172,147)
```
#a4b48b
```
#a4b48b rgb(164,180,139)
```
#a5bb84
```
#a5bb84 rgb(165,187,132)
```
#a7c27d
```
#a7c27d rgb(167,194,125)
```
#a9ca75
```
#a9ca75 rgb(169,202,117)
```
#aad16e
```
#aad16e rgb(170,209,110)
```
#acd867
```
#acd867 rgb(172,216,103)
```
#ade05f
```
#ade05f rgb(173,224,95)
```
#afe758
```
#afe758 rgb(175,231,88)
```
#b1ee51
```
#b1ee51 rgb(177,238,81)
```
#b2f649
```
#b2f649 rgb(178,246,73)
```
#b4fd42
```
#b4fd42 rgb(180,253,66)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c1cdb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd85c Protanopia 1% of men
#ffd08c Deuteranopia 1% of men
#c7daea Tritanopia 0.001% of the population

Trichromacy

#d8dd5a Protanomaly 1% of men, 0.01% of women
#e1d879 Deuteranomaly 6% of men, 0.4% of women
#bedeb4 Tritanomaly 0.01% of the population

#afe758 hex color

#afe758 Color Information

#afe758 Color Conversion

Color Schemes with #afe758

Alternatives to #afe758

#afe758 Preview

Shades and Tints of #afe758

Tones of #afe758

Color Blindness Simulator