#afd5a0 hex color

In a RGB color space, hex #afd5a0 is composed of 68.6% red, 83.5% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 24.9% yellow and 16.5% black. It has a hue angle of 103 degrees, a saturation of 38.7% and a lightness of 73.1%. #afd5a0 color hex could be obtained by blending #ffffff with #5fab41. Closest websafe color is: #99cc99.

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

● #afd5a0 color description : Grayish green.

The hexadecimal color #afd5a0 has RGB values of R:175, G:213, B:160 and CMYK values of C:0.18, M:0, Y:0.25, K:0.16. Its decimal value is 11523488.

Hex triplet	afd5a0	`#afd5a0`
RGB Decimal	175, 213, 160	`rgb(175,213,160)`
RGB Percent	68.6, 83.5, 62.7	`rgb(68.6%,83.5%,62.7%)`
CMYK	18, 0, 25, 16
HSL	103°, 38.7, 73.1	`hsl(103,38.7%,73.1%)`
HSV (or HSB)	103°, 24.9, 83.5
Web Safe	99cc99	`#99cc99`

CIE-LAB	81.423, -22.262, 22.185
XYZ	47.817, 59.24, 42.171
xyY	0.32, 0.397, 59.24
CIE-LCH	81.423, 31.429, 135.098
CIE-LUV	81.423, -18.942, 35.204
Hunter-Lab	76.967, -23.797, 21.392
Binary	10101111, 11010101, 10100000

#afd5a0
```
#afd5a0 rgb(175,213,160)
```
#c6a0d5
```
#c6a0d5 rgb(198,160,213)
```

Complementary Color

#cad5a0
```
#cad5a0 rgb(202,213,160)
```
#afd5a0
```
#afd5a0 rgb(175,213,160)
```
#a0d5ac
```
#a0d5ac rgb(160,213,172)
```

Analogous Color

#d5a0ca
```
#d5a0ca rgb(213,160,202)
```
#afd5a0
```
#afd5a0 rgb(175,213,160)
```
#aca0d5
```
#aca0d5 rgb(172,160,213)
```

Split Complementary Color

#d5a0af
```
#d5a0af rgb(213,160,175)
```
#afd5a0
```
#afd5a0 rgb(175,213,160)
```
#a0afd5
```
#a0afd5 rgb(160,175,213)
```

Triadic Color

#d5c6a0
```
#d5c6a0 rgb(213,198,160)
```
#afd5a0
```
#afd5a0 rgb(175,213,160)
```
#a0afd5
```
#a0afd5 rgb(160,175,213)
```
#c6a0d5
```
#c6a0d5 rgb(198,160,213)
```

Tetradic Color

#82be6b
```
#82be6b rgb(130,190,107)
```
#91c57d
```
#91c57d rgb(145,197,125)
```
#a0cd8e
```
#a0cd8e rgb(160,205,142)
```
#afd5a0
```
#afd5a0 rgb(175,213,160)
```
#beddb2
```
#beddb2 rgb(190,221,178)
```
#cde5c3
```
#cde5c3 rgb(205,229,195)
```
#dcecd5
```
#dcecd5 rgb(220,236,213)
```

Monochromatic Color

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

#bcd5a0
```
#bcd5a0 rgb(188,213,160)
```
#b8d5a0
```
#b8d5a0 rgb(184,213,160)
```
#b3d5a0
```
#b3d5a0 rgb(179,213,160)
```
#afd5a0
```
#afd5a0 rgb(175,213,160)
```
#abd5a0
```
#abd5a0 rgb(171,213,160)
```
#a6d5a0
```
#a6d5a0 rgb(166,213,160)
```
#a2d5a0
```
#a2d5a0 rgb(162,213,160)
```

Similar Colors

Text with hexadecimal color #afd5a0

This text has a font color of #afd5a0.

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

#afd5a0 background color

This paragraph has a background color of #afd5a0.

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

#afd5a0 border color

This element has a border color of #afd5a0.

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

CSS codes

.text {color:#afd5a0;}

.background {background-color:#afd5a0;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#080e06
```
#080e06 rgb(8,14,6)
```
#101b0c
```
#101b0c rgb(16,27,12)
```
#192912
```
#192912 rgb(25,41,18)
```
#213718
```
#213718 rgb(33,55,24)
```
#29441e
```
#29441e rgb(41,68,30)
```
#315224
```
#315224 rgb(49,82,36)
```
#395f2a
```
#395f2a rgb(57,95,42)
```
#416d30
```
#416d30 rgb(65,109,48)
```
#4a7b36
```
#4a7b36 rgb(74,123,54)
```
#52883c
```
#52883c rgb(82,136,60)
```
#5a9642
```
#5a9642 rgb(90,150,66)
```
#62a348
```
#62a348 rgb(98,163,72)
```

Shade Color Variation

#6ab14e
```
#6ab14e rgb(106,177,78)
```
#76b75c
```
#76b75c rgb(118,183,92)
```
#81bd6a
```
#81bd6a rgb(129,189,106)
```
#8dc377
```
#8dc377 rgb(141,195,119)
```
#98c985
```
#98c985 rgb(152,201,133)
```
#a4cf92
```
#a4cf92 rgb(164,207,146)
```
#afd5a0
```
#afd5a0 rgb(175,213,160)
```
#badbae
```
#badbae rgb(186,219,174)
```
#c6e1bb
```
#c6e1bb rgb(198,225,187)
```
#d1e7c9
```
#d1e7c9 rgb(209,231,201)
```
#ddedd6
```
#ddedd6 rgb(221,237,214)
```
#e8f3e4
```
#e8f3e4 rgb(232,243,228)
```
#f4f9f2
```
#f4f9f2 rgb(244,249,242)
```

Tint Color Variation

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

#babbba
```
#babbba rgb(186,187,186)
```
#b8c0b5
```
#b8c0b5 rgb(184,192,181)
```
#b6c5b0
```
#b6c5b0 rgb(182,197,176)
```
#b4caab
```
#b4caab rgb(180,202,171)
```
#b1d0a5
```
#b1d0a5 rgb(177,208,165)
```
#afd5a0
```
#afd5a0 rgb(175,213,160)
```
#adda9b
```
#adda9b rgb(173,218,155)
```
#aae095
```
#aae095 rgb(170,224,149)
```
#a8e590
```
#a8e590 rgb(168,229,144)
```
#a6ea8b
```
#a6ea8b rgb(166,234,139)
```
#a4ef86
```
#a4ef86 rgb(164,239,134)
```
#a1f580
```
#a1f580 rgb(161,245,128)
```
#9ffa7b
```
#9ffa7b rgb(159,250,123)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c0c7bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#dacca0 Protanopia 1% of men
#ecc5aa Deuteranopia 1% of men
#bdcfde Tritanopia 0.001% of the population

Trichromacy

#cacfa0 Protanomaly 1% of men, 0.01% of women
#d5cba6 Deuteranomaly 6% of men, 0.4% of women
#b8d1c7 Tritanomaly 0.01% of the population

#afd5a0 hex color

#afd5a0 Color Information

#afd5a0 Color Conversion

Color Schemes with #afd5a0

Alternatives to #afd5a0

#afd5a0 Preview

Shades and Tints of #afd5a0

Tones of #afd5a0

Color Blindness Simulator