#afd3a7 hex color

In a RGB color space, hex #afd3a7 is composed of 68.6% red, 82.7% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 0% magenta, 20.9% yellow and 17.3% black. It has a hue angle of 109.1 degrees, a saturation of 33.3% and a lightness of 74.1%. #afd3a7 color hex could be obtained by blending #ffffff with #5fa74f. Closest websafe color is: #99cc99.

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

● #afd3a7 color description : Grayish lime green.

The hexadecimal color #afd3a7 has RGB values of R:175, G:211, B:167 and CMYK values of C:0.17, M:0, Y:0.21, K:0.17. Its decimal value is 11522983.

Hex triplet	afd3a7	`#afd3a7`
RGB Decimal	175, 211, 167	`rgb(175,211,167)`
RGB Percent	68.6, 82.7, 65.5	`rgb(68.6%,82.7%,65.5%)`
CMYK	17, 0, 21, 17
HSL	109.1°, 33.3, 74.1	`hsl(109.1,33.3%,74.1%)`
HSV (or HSB)	109.1°, 20.9, 82.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	81.011, -20.127, 17.932
XYZ	47.947, 58.492, 45.321
xyY	0.316, 0.385, 58.492
CIE-LCH	81.011, 26.957, 138.301
CIE-LUV	81.011, -18.038, 29.161
Hunter-Lab	76.48, -21.934, 18.401
Binary	10101111, 11010011, 10100111

#afd3a7
```
#afd3a7 rgb(175,211,167)
```
#cba7d3
```
#cba7d3 rgb(203,167,211)
```

Complementary Color

#c5d3a7
```
#c5d3a7 rgb(197,211,167)
```
#afd3a7
```
#afd3a7 rgb(175,211,167)
```
#a7d3b5
```
#a7d3b5 rgb(167,211,181)
```

Analogous Color

#d3a7c5
```
#d3a7c5 rgb(211,167,197)
```
#afd3a7
```
#afd3a7 rgb(175,211,167)
```
#b5a7d3
```
#b5a7d3 rgb(181,167,211)
```

Split Complementary Color

#d3a7af
```
#d3a7af rgb(211,167,175)
```
#afd3a7
```
#afd3a7 rgb(175,211,167)
```
#a7afd3
```
#a7afd3 rgb(167,175,211)
```

Triadic Color

#d3cba7
```
#d3cba7 rgb(211,203,167)
```
#afd3a7
```
#afd3a7 rgb(175,211,167)
```
#a7afd3
```
#a7afd3 rgb(167,175,211)
```
#cba7d3
```
#cba7d3 rgb(203,167,211)
```

Tetradic Color

#81ba74
```
#81ba74 rgb(129,186,116)
```
#90c285
```
#90c285 rgb(144,194,133)
```
#a0cb96
```
#a0cb96 rgb(160,203,150)
```
#afd3a7
```
#afd3a7 rgb(175,211,167)
```
#bedcb8
```
#bedcb8 rgb(190,220,184)
```
#cee4c9
```
#cee4c9 rgb(206,228,201)
```
#ddedda
```
#ddedda rgb(221,237,218)
```

Monochromatic Color

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

#bad3a7
```
#bad3a7 rgb(186,211,167)
```
#b6d3a7
```
#b6d3a7 rgb(182,211,167)
```
#b3d3a7
```
#b3d3a7 rgb(179,211,167)
```
#afd3a7
```
#afd3a7 rgb(175,211,167)
```
#abd3a7
```
#abd3a7 rgb(171,211,167)
```
#a8d3a7
```
#a8d3a7 rgb(168,211,167)
```
#a7d3aa
```
#a7d3aa rgb(167,211,170)
```

Similar Colors

Text with hexadecimal color #afd3a7

This text has a font color of #afd3a7.

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

#afd3a7 background color

This paragraph has a background color of #afd3a7.

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

#afd3a7 border color

This element has a border color of #afd3a7.

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

CSS codes

.text {color:#afd3a7;}

.background {background-color:#afd3a7;}

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

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

#020402
```
#020402 rgb(2,4,2)
```
#0a1108
```
#0a1108 rgb(10,17,8)
```
#121e0f
```
#121e0f rgb(18,30,15)
```
#192b15
```
#192b15 rgb(25,43,21)
```
#21381c
```
#21381c rgb(33,56,28)
```
#294522
```
#294522 rgb(41,69,34)
```
#305229
```
#305229 rgb(48,82,41)
```
#385f30
```
#385f30 rgb(56,95,48)
```
#406c36
```
#406c36 rgb(64,108,54)
```
#48793d
```
#48793d rgb(72,121,61)
```
#4f8643
```
#4f8643 rgb(79,134,67)
```
#57934a
```
#57934a rgb(87,147,74)
```
#5fa050
```
#5fa050 rgb(95,160,80)
```

Shade Color Variation

#68ac59
```
#68ac59 rgb(104,172,89)
```
#74b266
```
#74b266 rgb(116,178,102)
```
#7fb973
```
#7fb973 rgb(127,185,115)
```
#8bbf80
```
#8bbf80 rgb(139,191,128)
```
#97c68d
```
#97c68d rgb(151,198,141)
```
#a3cc9a
```
#a3cc9a rgb(163,204,154)
```
#afd3a7
```
#afd3a7 rgb(175,211,167)
```
#bbdab4
```
#bbdab4 rgb(187,218,180)
```
#c7e0c1
```
#c7e0c1 rgb(199,224,193)
```
#d3e7ce
```
#d3e7ce rgb(211,231,206)
```
#dfeddb
```
#dfeddb rgb(223,237,219)
```
#eaf4e8
```
#eaf4e8 rgb(234,244,232)
```
#f6faf5
```
#f6faf5 rgb(246,250,245)
```

Tint Color Variation

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

#bcbfbb
```
#bcbfbb rgb(188,191,187)
```
#b9c4b6
```
#b9c4b6 rgb(185,196,182)
```
#b5c9b1
```
#b5c9b1 rgb(181,201,177)
```
#b2ceac
```
#b2ceac rgb(178,206,172)
```
#afd3a7
```
#afd3a7 rgb(175,211,167)
```
#acd8a2
```
#acd8a2 rgb(172,216,162)
```
#a9dd9d
```
#a9dd9d rgb(169,221,157)
```
#a5e298
```
#a5e298 rgb(165,226,152)
```
#a2e793
```
#a2e793 rgb(162,231,147)
```
#9fec8e
```
#9fec8e rgb(159,236,142)
```
#9cf189
```
#9cf189 rgb(156,241,137)
```
#98f783
```
#98f783 rgb(152,247,131)
```
#95fc7e
```
#95fc7e rgb(149,252,126)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#bfc6bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7cba7 Protanopia 1% of men
#e8c4b0 Deuteranopia 1% of men
#bccedd Tritanopia 0.001% of the population

Trichromacy

#c8cea7 Protanomaly 1% of men, 0.01% of women
#d3c9ad Deuteranomaly 6% of men, 0.4% of women
#b7d0c9 Tritanomaly 0.01% of the population

#afd3a7 hex color

#afd3a7 Color Information

#afd3a7 Color Conversion

Color Schemes with #afd3a7

Alternatives to #afd3a7

#afd3a7 Preview

Shades and Tints of #afd3a7

Tones of #afd3a7

Color Blindness Simulator