#afd758 hex color

In a RGB color space, hex #afd758 is composed of 68.6% red, 84.3% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 18.6% cyan, 0% magenta, 59.1% yellow and 15.7% black. It has a hue angle of 78.9 degrees, a saturation of 61.4% and a lightness of 59.4%. #afd758 color hex could be obtained by blending #ffffb0 with #5faf00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 84
- B 35
RGB color chart
- C 19
- M 0
- Y 59
- K 16
CMYK color chart

● #afd758 color description : Moderate green.

The hexadecimal color #afd758 has RGB values of R:175, G:215, B:88 and CMYK values of C:0.19, M:0, Y:0.59, K:0.16. Its decimal value is 11523928.

Hex triplet	afd758	`#afd758`
RGB Decimal	175, 215, 88	`rgb(175,215,88)`
RGB Percent	68.6, 84.3, 34.5	`rgb(68.6%,84.3%,34.5%)`
CMYK	19, 0, 59, 16
HSL	78.9°, 61.4, 59.4	`hsl(78.9,61.4%,59.4%)`
HSV (or HSB)	78.9°, 59.1, 84.3
Web Safe	99cc66	`#99cc66`

CIE-LAB	80.971, -31.952, 57.013
XYZ	43.74, 58.419, 18.204
xyY	0.363, 0.485, 58.419
CIE-LCH	80.971, 65.356, 119.267
CIE-LUV	80.971, -19.289, 74.86
Hunter-Lab	76.432, -31.605, 39.382
Binary	10101111, 11010111, 01011000

#afd758
```
#afd758 rgb(175,215,88)
```
#8058d7
```
#8058d7 rgb(128,88,215)
```

Complementary Color

#d7c058
```
#d7c058 rgb(215,192,88)
```
#afd758
```
#afd758 rgb(175,215,88)
```
#70d758
```
#70d758 rgb(112,215,88)
```

Analogous Color

#c058d7
```
#c058d7 rgb(192,88,215)
```
#afd758
```
#afd758 rgb(175,215,88)
```
#5870d7
```
#5870d7 rgb(88,112,215)
```

Split Complementary Color

#d758af
```
#d758af rgb(215,88,175)
```
#afd758
```
#afd758 rgb(175,215,88)
```
#58afd7
```
#58afd7 rgb(88,175,215)
```

Triadic Color

#d78058
```
#d78058 rgb(215,128,88)
```
#afd758
```
#afd758 rgb(175,215,88)
```
#58afd7
```
#58afd7 rgb(88,175,215)
```
#8058d7
```
#8058d7 rgb(128,88,215)
```

Tetradic Color

#8bb72c
```
#8bb72c rgb(139,183,44)
```
#9bcb31
```
#9bcb31 rgb(155,203,49)
```
#a5d243
```
#a5d243 rgb(165,210,67)
```
#afd758
```
#afd758 rgb(175,215,88)
```
#b9dc6d
```
#b9dc6d rgb(185,220,109)
```
#c3e181
```
#c3e181 rgb(195,225,129)
```
#cde696
```
#cde696 rgb(205,230,150)
```

Monochromatic Color

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

#cfd758
```
#cfd758 rgb(207,215,88)
```
#c4d758
```
#c4d758 rgb(196,215,88)
```
#bad758
```
#bad758 rgb(186,215,88)
```
#afd758
```
#afd758 rgb(175,215,88)
```
#a4d758
```
#a4d758 rgb(164,215,88)
```
#9ad758
```
#9ad758 rgb(154,215,88)
```
#8fd758
```
#8fd758 rgb(143,215,88)
```

Similar Colors

Text with hexadecimal color #afd758

This text has a font color of #afd758.

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

#afd758 background color

This paragraph has a background color of #afd758.

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

#afd758 border color

This element has a border color of #afd758.

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

CSS codes

.text {color:#afd758;}

.background {background-color:#afd758;}

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

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

#050702
```
#050702 rgb(5,7,2)
```
#111705
```
#111705 rgb(17,23,5)
```
#1d2709
```
#1d2709 rgb(29,39,9)
```
#29370d
```
#29370d rgb(41,55,13)
```
#364611
```
#364611 rgb(54,70,17)
```
#425615
```
#425615 rgb(66,86,21)
```
#4e6618
```
#4e6618 rgb(78,102,24)
```
#5a761c
```
#5a761c rgb(90,118,28)
```
#668620
```
#668620 rgb(102,134,32)
```
#729524
```
#729524 rgb(114,149,36)
```
#7ea528
```
#7ea528 rgb(126,165,40)
```
#8ab52b
```
#8ab52b rgb(138,181,43)
```
#96c52f
```
#96c52f rgb(150,197,47)
```

Shade Color Variation

#a0cf38
```
#a0cf38 rgb(160,207,56)
```
#a7d348
```
#a7d348 rgb(167,211,72)
```
#afd758
```
#afd758 rgb(175,215,88)
```
#b7db68
```
#b7db68 rgb(183,219,104)
```
#bedf78
```
#bedf78 rgb(190,223,120)
```
#c6e287
```
#c6e287 rgb(198,226,135)
```
#cde697
```
#cde697 rgb(205,230,151)
```
#d5eaa7
```
#d5eaa7 rgb(213,234,167)
```
#dceeb7
```
#dceeb7 rgb(220,238,183)
```
#e4f2c7
```
#e4f2c7 rgb(228,242,199)
```
#ecf5d7
```
#ecf5d7 rgb(236,245,215)
```
#f3f9e6
```
#f3f9e6 rgb(243,249,230)
```
#fbfdf6
```
#fbfdf6 rgb(251,253,246)
```

Tint Color Variation

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

#9a9f90
```
#9a9f90 rgb(154,159,144)
```
#9da788
```
#9da788 rgb(157,167,136)
```
#a0af80
```
#a0af80 rgb(160,175,128)
```
#a3b778
```
#a3b778 rgb(163,183,120)
```
#a6bf70
```
#a6bf70 rgb(166,191,112)
```
#a9c768
```
#a9c768 rgb(169,199,104)
```
#accf60
```
#accf60 rgb(172,207,96)
```
#afd758
```
#afd758 rgb(175,215,88)
```
#b2df50
```
#b2df50 rgb(178,223,80)
```
#b5e748
```
#b5e748 rgb(181,231,72)
```
#b8ef40
```
#b8ef40 rgb(184,239,64)
```
#bbf738
```
#bbf738 rgb(187,247,56)
```
#beff30
```
#beff30 rgb(190,255,48)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bac2a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1cc5c Protanopia 1% of men
#f9c269 Deuteranopia 1% of men
#c4ccdb Tritanopia 0.001% of the population

Trichromacy

#cfd05b Protanomaly 1% of men, 0.01% of women
#deca62 Deuteranomaly 6% of men, 0.4% of women
#bcd0ab Tritanomaly 0.01% of the population

#afd758 hex color

#afd758 Color Information

#afd758 Color Conversion

Color Schemes with #afd758

Alternatives to #afd758

#afd758 Preview

Shades and Tints of #afd758

Tones of #afd758

Color Blindness Simulator