colorhexa.com

#afd693 hex color

In a RGB color space, hex #afd693 is composed of 68.6% red, 83.9% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 31.3% yellow and 16.1% black. It has a hue angle of 94.9 degrees, a saturation of 45% and a lightness of 70.8%. #afd693 color hex could be obtained by blending #ffffff with #5fad27. Closest websafe color is: #99cc99.

- R 69
- G 84
- B 58
RGB color chart
- C 18
- M 0
- Y 31
- K 16
CMYK color chart

● #afd693 color description : Slightly desaturated green.

The hexadecimal color #afd693 has RGB values of R:175, G:214, B:147 and CMYK values of C:0.18, M:0, Y:0.31, K:0.16. Its decimal value is 11523731.

Hex triplet	afd693	`#afd693`
RGB Decimal	175, 214, 147	`rgb(175,214,147)`
RGB Percent	68.6, 83.9, 57.6	`rgb(68.6%,83.9%,57.6%)`
CMYK	18, 0, 31, 16
HSL	94.9°, 45, 70.8	`hsl(94.9,45%,70.8%)`
HSV (or HSB)	94.9°, 31.3, 83.9
Web Safe	99cc99	`#99cc99`

CIE-LAB	81.463, -24.738, 29.011
XYZ	46.991, 59.313, 36.575
xyY	0.329, 0.415, 59.313
CIE-LCH	81.463, 38.127, 130.455
CIE-LUV	81.463, -19.288, 44.272
Hunter-Lab	77.015, -25.864, 25.753
Binary	10101111, 11010110, 10010011

#afd693
```
#afd693 rgb(175,214,147)
```
#ba93d6
```
#ba93d6 rgb(186,147,214)
```

Complementary Color

#d1d693
```
#d1d693 rgb(209,214,147)
```
#afd693
```
#afd693 rgb(175,214,147)
```
#93d699
```
#93d699 rgb(147,214,153)
```

Analogous Color

#d693d1
```
#d693d1 rgb(214,147,209)
```
#afd693
```
#afd693 rgb(175,214,147)
```
#9993d6
```
#9993d6 rgb(153,147,214)
```

Split Complementary Color

#d693af
```
#d693af rgb(214,147,175)
```
#afd693
```
#afd693 rgb(175,214,147)
```
#93afd6
```
#93afd6 rgb(147,175,214)
```

Triadic Color

#d6ba93
```
#d6ba93 rgb(214,186,147)
```
#afd693
```
#afd693 rgb(175,214,147)
```
#93afd6
```
#93afd6 rgb(147,175,214)
```
#ba93d6
```
#ba93d6 rgb(186,147,214)
```

Tetradic Color

#86c15c
```
#86c15c rgb(134,193,92)
```
#94c86e
```
#94c86e rgb(148,200,110)
```
#a1cf81
```
#a1cf81 rgb(161,207,129)
```
#afd693
```
#afd693 rgb(175,214,147)
```
#bddda5
```
#bddda5 rgb(189,221,165)
```
#cae4b8
```
#cae4b8 rgb(202,228,184)
```
#d8ebca
```
#d8ebca rgb(216,235,202)
```

Monochromatic Color

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

#c0d693
```
#c0d693 rgb(192,214,147)
```
#bad693
```
#bad693 rgb(186,214,147)
```
#b5d693
```
#b5d693 rgb(181,214,147)
```
#afd693
```
#afd693 rgb(175,214,147)
```
#a9d693
```
#a9d693 rgb(169,214,147)
```
#a4d693
```
#a4d693 rgb(164,214,147)
```
#9ed693
```
#9ed693 rgb(158,214,147)
```

Similar Colors

Text with hexadecimal color #afd693

This text has a font color of #afd693.

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

#afd693 background color

This paragraph has a background color of #afd693.

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

#afd693 border color

This element has a border color of #afd693.

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

CSS codes

.text {color:#afd693;}

.background {background-color:#afd693;}

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

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

#040602
```
#040602 rgb(4,6,2)
```
#0d1408
```
#0d1408 rgb(13,20,8)
```
#16220d
```
#16220d rgb(22,34,13)
```
#1f3012
```
#1f3012 rgb(31,48,18)
```
#283f18
```
#283f18 rgb(40,63,24)
```
#314d1d
```
#314d1d rgb(49,77,29)
```
#3a5b23
```
#3a5b23 rgb(58,91,35)
```
#436928
```
#436928 rgb(67,105,40)
```
#4c772d
```
#4c772d rgb(76,119,45)
```
#558633
```
#558633 rgb(85,134,51)
```
#5f9438
```
#5f9438 rgb(95,148,56)
```
#68a23e
```
#68a23e rgb(104,162,62)
```
#71b043
```
#71b043 rgb(113,176,67)
```

Shade Color Variation

#7abb4c
```
#7abb4c rgb(122,187,76)
```
#85c05a
```
#85c05a rgb(133,192,90)
```
#8fc668
```
#8fc668 rgb(143,198,104)
```
#9acb77
```
#9acb77 rgb(154,203,119)
```
#a4d185
```
#a4d185 rgb(164,209,133)
```
#afd693
```
#afd693 rgb(175,214,147)
```
#badba1
```
#badba1 rgb(186,219,161)
```
#c4e1af
```
#c4e1af rgb(196,225,175)
```
#cfe6be
```
#cfe6be rgb(207,230,190)
```
#d9eccc
```
#d9eccc rgb(217,236,204)
```
#e4f1da
```
#e4f1da rgb(228,241,218)
```
#eef6e8
```
#eef6e8 rgb(238,246,232)
```
#f9fcf7
```
#f9fcf7 rgb(249,252,247)
```

Tint Color Variation

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

#b4b9b0
```
#b4b9b0 rgb(180,185,176)
```
#b3bfaa
```
#b3bfaa rgb(179,191,170)
```
#b2c5a4
```
#b2c5a4 rgb(178,197,164)
```
#b1cb9e
```
#b1cb9e rgb(177,203,158)
```
#b0d099
```
#b0d099 rgb(176,208,153)
```
#afd693
```
#afd693 rgb(175,214,147)
```
#aedc8d
```
#aedc8d rgb(174,220,141)
```
#ade188
```
#ade188 rgb(173,225,136)
```
#ace782
```
#ace782 rgb(172,231,130)
```
#abed7c
```
#abed7c rgb(171,237,124)
```
#aaf376
```
#aaf376 rgb(170,243,118)
```
#a9f871
```
#a9f871 rgb(169,248,113)
```
#a8fe6b
```
#a8fe6b rgb(168,254,107)
```

Tone Color Variation

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

Dichromacy

#dccc94 Protanopia 1% of men
#efc59e Deuteranopia 1% of men
#bfcfde Tritanopia 0.001% of the population

Trichromacy

#ccd093 Protanomaly 1% of men, 0.01% of women
#d8cb9a Deuteranomaly 6% of men, 0.4% of women
#b9d1c2 Tritanomaly 0.01% of the population