#afd355 hex color

In a RGB color space, hex #afd355 is composed of 68.6% red, 82.7% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 0% magenta, 59.7% yellow and 17.3% black. It has a hue angle of 77.1 degrees, a saturation of 58.9% and a lightness of 58%. #afd355 color hex could be obtained by blending #ffffaa with #5fa700. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 83
- B 33
RGB color chart
- C 17
- M 0
- Y 60
- K 17
CMYK color chart

● #afd355 color description : Moderate green.

The hexadecimal color #afd355 has RGB values of R:175, G:211, B:85 and CMYK values of C:0.17, M:0, Y:0.6, K:0.17. Its decimal value is 11522901.

Hex triplet	afd355	`#afd355`
RGB Decimal	175, 211, 85	`rgb(175,211,85)`
RGB Percent	68.6, 82.7, 33.3	`rgb(68.6%,82.7%,33.3%)`
CMYK	17, 0, 60, 17
HSL	77.1°, 58.9, 58	`hsl(77.1,58.9%,58%)`
HSV (or HSB)	77.1°, 59.7, 82.7
Web Safe	99cc66	`#99cc66`

CIE-LAB	79.817, -30.324, 57.03
XYZ	42.612, 56.358, 17.227
xyY	0.367, 0.485, 56.358
CIE-LCH	79.817, 64.591, 118.001
CIE-LUV	79.817, -17.064, 74.143
Hunter-Lab	75.072, -30.055, 38.945
Binary	10101111, 11010011, 01010101

#afd355
```
#afd355 rgb(175,211,85)
```
#7955d3
```
#7955d3 rgb(121,85,211)
```

Complementary Color

#d3b855
```
#d3b855 rgb(211,184,85)
```
#afd355
```
#afd355 rgb(175,211,85)
```
#70d355
```
#70d355 rgb(112,211,85)
```

Analogous Color

#b855d3
```
#b855d3 rgb(184,85,211)
```
#afd355
```
#afd355 rgb(175,211,85)
```
#5570d3
```
#5570d3 rgb(85,112,211)
```

Split Complementary Color

#d355af
```
#d355af rgb(211,85,175)
```
#afd355
```
#afd355 rgb(175,211,85)
```
#55afd3
```
#55afd3 rgb(85,175,211)
```

Triadic Color

#d37955
```
#d37955 rgb(211,121,85)
```
#afd355
```
#afd355 rgb(175,211,85)
```
#55afd3
```
#55afd3 rgb(85,175,211)
```
#7955d3
```
#7955d3 rgb(121,85,211)
```

Tetradic Color

#89ae2d
```
#89ae2d rgb(137,174,45)
```
#99c332
```
#99c332 rgb(153,195,50)
```
#a5ce41
```
#a5ce41 rgb(165,206,65)
```
#afd355
```
#afd355 rgb(175,211,85)
```
#b9d869
```
#b9d869 rgb(185,216,105)
```
#c2dd7e
```
#c2dd7e rgb(194,221,126)
```
#cce392
```
#cce392 rgb(204,227,146)
```

Monochromatic Color

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

#cfd355
```
#cfd355 rgb(207,211,85)
```
#c4d355
```
#c4d355 rgb(196,211,85)
```
#bad355
```
#bad355 rgb(186,211,85)
```
#afd355
```
#afd355 rgb(175,211,85)
```
#a5d355
```
#a5d355 rgb(165,211,85)
```
#9ad355
```
#9ad355 rgb(154,211,85)
```
#90d355
```
#90d355 rgb(144,211,85)
```

Similar Colors

Text with hexadecimal color #afd355

This text has a font color of #afd355.

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

#afd355 background color

This paragraph has a background color of #afd355.

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

#afd355 border color

This element has a border color of #afd355.

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

CSS codes

.text {color:#afd355;}

.background {background-color:#afd355;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0d1104
```
#0d1104 rgb(13,17,4)
```
#1a2108
```
#1a2108 rgb(26,33,8)
```
#26300c
```
#26300c rgb(38,48,12)
```
#324010
```
#324010 rgb(50,64,16)
```
#3f4f15
```
#3f4f15 rgb(63,79,21)
```
#4b5f19
```
#4b5f19 rgb(75,95,25)
```
#576e1d
```
#576e1d rgb(87,110,29)
```
#637e21
```
#637e21 rgb(99,126,33)
```
#708e25
```
#708e25 rgb(112,142,37)
```
#7c9d29
```
#7c9d29 rgb(124,157,41)
```
#88ad2d
```
#88ad2d rgb(136,173,45)
```
#94bc31
```
#94bc31 rgb(148,188,49)
```

Shade Color Variation

#a0cb36
```
#a0cb36 rgb(160,203,54)
```
#a8cf45
```
#a8cf45 rgb(168,207,69)
```
#afd355
```
#afd355 rgb(175,211,85)
```
#b6d765
```
#b6d765 rgb(182,215,101)
```
#bedb74
```
#bedb74 rgb(190,219,116)
```
#c5df84
```
#c5df84 rgb(197,223,132)
```
#cce393
```
#cce393 rgb(204,227,147)
```
#d4e7a3
```
#d4e7a3 rgb(212,231,163)
```
#dbebb2
```
#dbebb2 rgb(219,235,178)
```
#e2efc2
```
#e2efc2 rgb(226,239,194)
```
#eaf3d2
```
#eaf3d2 rgb(234,243,210)
```
#f1f7e1
```
#f1f7e1 rgb(241,247,225)
```
#f8fbf1
```
#f8fbf1 rgb(248,251,241)
```

Tint Color Variation

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

#96998f
```
#96998f rgb(150,153,143)
```
#9aa286
```
#9aa286 rgb(154,162,134)
```
#9daa7e
```
#9daa7e rgb(157,170,126)
```
#a1b276
```
#a1b276 rgb(161,178,118)
```
#a4ba6e
```
#a4ba6e rgb(164,186,110)
```
#a8c365
```
#a8c365 rgb(168,195,101)
```
#abcb5d
```
#abcb5d rgb(171,203,93)
```
#afd355
```
#afd355 rgb(175,211,85)
```
#b3db4d
```
#b3db4d rgb(179,219,77)
```
#b6e345
```
#b6e345 rgb(182,227,69)
```
#baec3c
```
#baec3c rgb(186,236,60)
```
#bdf434
```
#bdf434 rgb(189,244,52)
```
#c1fc2c
```
#c1fc2c rgb(193,252,44)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#b8bfa6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dec95a Protanopia 1% of men
#f5bf65 Deuteranopia 1% of men
#c3c8d7 Tritanopia 0.001% of the population

Trichromacy

#cdcc58 Protanomaly 1% of men, 0.01% of women
#dbc65f Deuteranomaly 6% of men, 0.4% of women
#bccca7 Tritanomaly 0.01% of the population

#afd355 hex color

#afd355 Color Information

#afd355 Color Conversion

Color Schemes with #afd355

Alternatives to #afd355

#afd355 Preview

Shades and Tints of #afd355

Tones of #afd355

Color Blindness Simulator