#afd557 hex color

In a RGB color space, hex #afd557 is composed of 68.6% red, 83.5% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 59.2% yellow and 16.5% black. It has a hue angle of 78.1 degrees, a saturation of 60% and a lightness of 58.8%. #afd557 color hex could be obtained by blending #ffffae with #5fab00. Closest websafe color is: #99cc66.

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

● #afd557 color description : Moderate green.

The hexadecimal color #afd557 has RGB values of R:175, G:213, B:87 and CMYK values of C:0.18, M:0, Y:0.59, K:0.16. Its decimal value is 11523415.

Hex triplet	afd557	`#afd557`
RGB Decimal	175, 213, 87	`rgb(175,213,87)`
RGB Percent	68.6, 83.5, 34.1	`rgb(68.6%,83.5%,34.1%)`
CMYK	18, 0, 59, 16
HSL	78.1°, 60, 58.8	`hsl(78.1,60%,58.8%)`
HSV (or HSB)	78.1°, 59.2, 83.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	80.398, -31.1, 56.809
XYZ	43.193, 57.39, 17.818
xyY	0.365, 0.485, 57.39
CIE-LCH	80.398, 64.765, 118.699
CIE-LUV	80.398, -18.185, 74.314
Hunter-Lab	75.756, -30.8, 39.084
Binary	10101111, 11010101, 01010111

#afd557
```
#afd557 rgb(175,213,87)
```
#7d57d5
```
#7d57d5 rgb(125,87,213)
```

Complementary Color

#d5bc57
```
#d5bc57 rgb(213,188,87)
```
#afd557
```
#afd557 rgb(175,213,87)
```
#70d557
```
#70d557 rgb(112,213,87)
```

Analogous Color

#bc57d5
```
#bc57d5 rgb(188,87,213)
```
#afd557
```
#afd557 rgb(175,213,87)
```
#5770d5
```
#5770d5 rgb(87,112,213)
```

Split Complementary Color

#d557af
```
#d557af rgb(213,87,175)
```
#afd557
```
#afd557 rgb(175,213,87)
```
#57afd5
```
#57afd5 rgb(87,175,213)
```

Triadic Color

#d57d57
```
#d57d57 rgb(213,125,87)
```
#afd557
```
#afd557 rgb(175,213,87)
```
#57afd5
```
#57afd5 rgb(87,175,213)
```
#7d57d5
```
#7d57d5 rgb(125,87,213)
```

Tetradic Color

#8ab32d
```
#8ab32d rgb(138,179,45)
```
#9ac732
```
#9ac732 rgb(154,199,50)
```
#a5d043
```
#a5d043 rgb(165,208,67)
```
#afd557
```
#afd557 rgb(175,213,87)
```
#b9da6b
```
#b9da6b rgb(185,218,107)
```
#c2df80
```
#c2df80 rgb(194,223,128)
```
#cce494
```
#cce494 rgb(204,228,148)
```

Monochromatic Color

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

#cfd557
```
#cfd557 rgb(207,213,87)
```
#c4d557
```
#c4d557 rgb(196,213,87)
```
#bad557
```
#bad557 rgb(186,213,87)
```
#afd557
```
#afd557 rgb(175,213,87)
```
#a5d557
```
#a5d557 rgb(165,213,87)
```
#9ad557
```
#9ad557 rgb(154,213,87)
```
#90d557
```
#90d557 rgb(144,213,87)
```

Similar Colors

Text with hexadecimal color #afd557

This text has a font color of #afd557.

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

#afd557 background color

This paragraph has a background color of #afd557.

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

#afd557 border color

This element has a border color of #afd557.

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

CSS codes

.text {color:#afd557;}

.background {background-color:#afd557;}

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

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

#040501
```
#040501 rgb(4,5,1)
```
#101405
```
#101405 rgb(16,20,5)
```
#1c2409
```
#1c2409 rgb(28,36,9)
```
#28340d
```
#28340d rgb(40,52,13)
```
#344311
```
#344311 rgb(52,67,17)
```
#405315
```
#405315 rgb(64,83,21)
```
#4c6319
```
#4c6319 rgb(76,99,25)
```
#59721d
```
#59721d rgb(89,114,29)
```
#658221
```
#658221 rgb(101,130,33)
```
#719224
```
#719224 rgb(113,146,36)
```
#7da228
```
#7da228 rgb(125,162,40)
```
#89b12c
```
#89b12c rgb(137,177,44)
```
#95c130
```
#95c130 rgb(149,193,48)
```

Shade Color Variation

#a0cd38
```
#a0cd38 rgb(160,205,56)
```
#a8d147
```
#a8d147 rgb(168,209,71)
```
#afd557
```
#afd557 rgb(175,213,87)
```
#b6d967
```
#b6d967 rgb(182,217,103)
```
#bedd76
```
#bedd76 rgb(190,221,118)
```
#c5e186
```
#c5e186 rgb(197,225,134)
```
#cde596
```
#cde596 rgb(205,229,150)
```
#d4e9a5
```
#d4e9a5 rgb(212,233,165)
```
#dcedb5
```
#dcedb5 rgb(220,237,181)
```
#e3f0c5
```
#e3f0c5 rgb(227,240,197)
```
#ebf4d5
```
#ebf4d5 rgb(235,244,213)
```
#f2f8e4
```
#f2f8e4 rgb(242,248,228)
```
#fafcf4
```
#fafcf4 rgb(250,252,244)
```

Tint Color Variation

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

#999c90
```
#999c90 rgb(153,156,144)
```
#9ca587
```
#9ca587 rgb(156,165,135)
```
#9fad7f
```
#9fad7f rgb(159,173,127)
```
#a2b577
```
#a2b577 rgb(162,181,119)
```
#a5bd6f
```
#a5bd6f rgb(165,189,111)
```
#a9c567
```
#a9c567 rgb(169,197,103)
```
#accd5f
```
#accd5f rgb(172,205,95)
```
#afd557
```
#afd557 rgb(175,213,87)
```
#b2dd4f
```
#b2dd4f rgb(178,221,79)
```
#b5e547
```
#b5e547 rgb(181,229,71)
```
#b9ed3f
```
#b9ed3f rgb(185,237,63)
```
#bcf537
```
#bcf537 rgb(188,245,55)
```
#bffd2f
```
#bffd2f rgb(191,253,47)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#b9c0a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0ca5c Protanopia 1% of men
#f7c167 Deuteranopia 1% of men
#c3cad9 Tritanopia 0.001% of the population

Trichromacy

#cece5a Protanomaly 1% of men, 0.01% of women
#dcc861 Deuteranomaly 6% of men, 0.4% of women
#bccea9 Tritanomaly 0.01% of the population

#afd557 hex color

#afd557 Color Information

#afd557 Color Conversion

Color Schemes with #afd557

Alternatives to #afd557

#afd557 Preview

Shades and Tints of #afd557

Tones of #afd557

Color Blindness Simulator