#afd1af hex color

In a RGB color space, hex #afd1af is composed of 68.6% red, 82% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 16.3% cyan, 0% magenta, 16.3% yellow and 18% black. It has a hue angle of 120 degrees, a saturation of 27% and a lightness of 75.3%. #afd1af color hex could be obtained by blending #ffffff with #5fa35f. Closest websafe color is: #99cc99.

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

● #afd1af color description : Grayish lime green.

The hexadecimal color #afd1af has RGB values of R:175, G:209, B:175 and CMYK values of C:0.16, M:0, Y:0.16, K:0.18. Its decimal value is 11522479.

Hex triplet	afd1af	`#afd1af`
RGB Decimal	175, 209, 175	`rgb(175,209,175)`
RGB Percent	68.6, 82, 68.6	`rgb(68.6%,82%,68.6%)`
CMYK	16, 0, 16, 18
HSL	120°, 27, 75.3	`hsl(120,27%,75.3%)`
HSV (or HSB)	120°, 16.3, 82
Web Safe	99cc99	`#99cc99`

CIE-LAB	80.633, -17.752, 13.163
XYZ	48.216, 57.809, 49.173
xyY	0.311, 0.372, 57.809
CIE-LCH	80.633, 22.1, 143.443
CIE-LUV	80.633, -17.176, 22.191
Hunter-Lab	76.032, -19.861, 14.877
Binary	10101111, 11010001, 10101111

#afd1af
```
#afd1af rgb(175,209,175)
```
#d1afd1
```
#d1afd1 rgb(209,175,209)
```

Complementary Color

#c0d1af
```
#c0d1af rgb(192,209,175)
```
#afd1af
```
#afd1af rgb(175,209,175)
```
#afd1c0
```
#afd1c0 rgb(175,209,192)
```

Analogous Color

#d1afc0
```
#d1afc0 rgb(209,175,192)
```
#afd1af
```
#afd1af rgb(175,209,175)
```
#c0afd1
```
#c0afd1 rgb(192,175,209)
```

Split Complementary Color

#d1afaf
```
#d1afaf rgb(209,175,175)
```
#afd1af
```
#afd1af rgb(175,209,175)
```
#afafd1
```
#afafd1 rgb(175,175,209)
```

Triadic Color

#d1d1af
```
#d1d1af rgb(209,209,175)
```
#afd1af
```
#afd1af rgb(175,209,175)
```
#afafd1
```
#afafd1 rgb(175,175,209)
```
#d1afd1
```
#d1afd1 rgb(209,175,209)
```

Tetradic Color

#7eb57e
```
#7eb57e rgb(126,181,126)
```
#8fbe8f
```
#8fbe8f rgb(143,190,143)
```
#9fc89f
```
#9fc89f rgb(159,200,159)
```
#afd1af
```
#afd1af rgb(175,209,175)
```
#bfdabf
```
#bfdabf rgb(191,218,191)
```
#cfe4cf
```
#cfe4cf rgb(207,228,207)
```
#e0ede0
```
#e0ede0 rgb(224,237,224)
```

Monochromatic Color

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

#b8d1af
```
#b8d1af rgb(184,209,175)
```
#b5d1af
```
#b5d1af rgb(181,209,175)
```
#b2d1af
```
#b2d1af rgb(178,209,175)
```
#afd1af
```
#afd1af rgb(175,209,175)
```
#afd1b2
```
#afd1b2 rgb(175,209,178)
```
#afd1b5
```
#afd1b5 rgb(175,209,181)
```
#afd1b8
```
#afd1b8 rgb(175,209,184)
```

Similar Colors

Text with hexadecimal color #afd1af

This text has a font color of #afd1af.

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

#afd1af background color

This paragraph has a background color of #afd1af.

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

#afd1af border color

This element has a border color of #afd1af.

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

CSS codes

.text {color:#afd1af;}

.background {background-color:#afd1af;}

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

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

#040704
```
#040704 rgb(4,7,4)
```
#0b140b
```
#0b140b rgb(11,20,11)
```
#122012
```
#122012 rgb(18,32,18)
```
#1a2d1a
```
#1a2d1a rgb(26,45,26)
```
#213921
```
#213921 rgb(33,57,33)
```
#284528
```
#284528 rgb(40,69,40)
```
#2f522f
```
#2f522f rgb(47,82,47)
```
#365e36
```
#365e36 rgb(54,94,54)
```
#3d6b3d
```
#3d6b3d rgb(61,107,61)
```
#457745
```
#457745 rgb(69,119,69)
```
#4c844c
```
#4c844c rgb(76,132,76)
```
#539053
```
#539053 rgb(83,144,83)
```
#5a9d5a
```
#5a9d5a rgb(90,157,90)
```

Shade Color Variation

#64a664
```
#64a664 rgb(100,166,100)
```
#71ad71
```
#71ad71 rgb(113,173,113)
```
#7db47d
```
#7db47d rgb(125,180,125)
```
#8abc8a
```
#8abc8a rgb(138,188,138)
```
#96c396
```
#96c396 rgb(150,195,150)
```
#a3caa3
```
#a3caa3 rgb(163,202,163)
```
#afd1af
```
#afd1af rgb(175,209,175)
```
#bbd8bb
```
#bbd8bb rgb(187,216,187)
```
#c8dfc8
```
#c8dfc8 rgb(200,223,200)
```
#d4e6d4
```
#d4e6d4 rgb(212,230,212)
```
#e1eee1
```
#e1eee1 rgb(225,238,225)
```
#edf5ed
```
#edf5ed rgb(237,245,237)
```
#fafcfa
```
#fafcfa rgb(250,252,250)
```

Tint Color Variation

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

#bec2be
```
#bec2be rgb(190,194,190)
```
#b9c7b9
```
#b9c7b9 rgb(185,199,185)
```
#b4ccb4
```
#b4ccb4 rgb(180,204,180)
```
#afd1af
```
#afd1af rgb(175,209,175)
```
#aad6aa
```
#aad6aa rgb(170,214,170)
```
#a5dba5
```
#a5dba5 rgb(165,219,165)
```
#a0e0a0
```
#a0e0a0 rgb(160,224,160)
```
#9ce49c
```
#9ce49c rgb(156,228,156)
```
#97e997
```
#97e997 rgb(151,233,151)
```
#92ee92
```
#92ee92 rgb(146,238,146)
```
#8df38d
```
#8df38d rgb(141,243,141)
```
#88f888
```
#88f888 rgb(136,248,136)
```
#83fd83
```
#83fd83 rgb(131,253,131)
```

Tone Color Variation

Below, you can see how #afd1af 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
#bfc6bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4caae Protanopia 1% of men
#e4c4b8 Deuteranopia 1% of men
#bbcddc Tritanopia 0.001% of the population

Trichromacy

#c7ccae Protanomaly 1% of men, 0.01% of women
#d1c8b4 Deuteranomaly 6% of men, 0.4% of women
#b6cecb Tritanomaly 0.01% of the population

#afd1af hex color

#afd1af Color Information

#afd1af Color Conversion

Color Schemes with #afd1af

Alternatives to #afd1af

#afd1af Preview

Shades and Tints of #afd1af

Tones of #afd1af

Color Blindness Simulator