#afd695 hex color

In a RGB color space, hex #afd695 is composed of 68.6% red, 83.9% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 30.4% yellow and 16.1% black. It has a hue angle of 96 degrees, a saturation of 44.2% and a lightness of 71.2%. #afd695 color hex could be obtained by blending #ffffff with #5fad2b. Closest websafe color is: #99cc99.

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

● #afd695 color description : Slightly desaturated green.

The hexadecimal color #afd695 has RGB values of R:175, G:214, B:149 and CMYK values of C:0.18, M:0, Y:0.3, K:0.16. Its decimal value is 11523733.

Hex triplet	afd695	`#afd695`
RGB Decimal	175, 214, 149	`rgb(175,214,149)`
RGB Percent	68.6, 83.9, 58.4	`rgb(68.6%,83.9%,58.4%)`
CMYK	18, 0, 30, 16
HSL	96°, 44.2, 71.2	`hsl(96,44.2%,71.2%)`
HSV (or HSB)	96°, 30.4, 83.9
Web Safe	99cc99	`#99cc99`

CIE-LAB	81.498, -24.444, 28.023
XYZ	47.149, 59.376, 37.409
xyY	0.328, 0.413, 59.376
CIE-LCH	81.498, 37.186, 131.098
CIE-LUV	81.498, -19.311, 43.008
Hunter-Lab	77.056, -25.627, 25.155
Binary	10101111, 11010110, 10010101

#afd695
```
#afd695 rgb(175,214,149)
```
#bc95d6
```
#bc95d6 rgb(188,149,214)
```

Complementary Color

#d0d695
```
#d0d695 rgb(208,214,149)
```
#afd695
```
#afd695 rgb(175,214,149)
```
#95d69c
```
#95d69c rgb(149,214,156)
```

Analogous Color

#d695d0
```
#d695d0 rgb(214,149,208)
```
#afd695
```
#afd695 rgb(175,214,149)
```
#9c95d6
```
#9c95d6 rgb(156,149,214)
```

Split Complementary Color

#d695af
```
#d695af rgb(214,149,175)
```
#afd695
```
#afd695 rgb(175,214,149)
```
#95afd6
```
#95afd6 rgb(149,175,214)
```

Triadic Color

#d6bc95
```
#d6bc95 rgb(214,188,149)
```
#afd695
```
#afd695 rgb(175,214,149)
```
#95afd6
```
#95afd6 rgb(149,175,214)
```
#bc95d6
```
#bc95d6 rgb(188,149,214)
```

Tetradic Color

#85c15e
```
#85c15e rgb(133,193,94)
```
#93c870
```
#93c870 rgb(147,200,112)
```
#a1cf83
```
#a1cf83 rgb(161,207,131)
```
#afd695
```
#afd695 rgb(175,214,149)
```
#bddda7
```
#bddda7 rgb(189,221,167)
```
#cbe4ba
```
#cbe4ba rgb(203,228,186)
```
#d9ebcc
```
#d9ebcc rgb(217,235,204)
```

Monochromatic Color

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

#bfd695
```
#bfd695 rgb(191,214,149)
```
#bad695
```
#bad695 rgb(186,214,149)
```
#b4d695
```
#b4d695 rgb(180,214,149)
```
#afd695
```
#afd695 rgb(175,214,149)
```
#aad695
```
#aad695 rgb(170,214,149)
```
#a4d695
```
#a4d695 rgb(164,214,149)
```
#9fd695
```
#9fd695 rgb(159,214,149)
```

Similar Colors

Text with hexadecimal color #afd695

This text has a font color of #afd695.

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

#afd695 background color

This paragraph has a background color of #afd695.

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

#afd695 border color

This element has a border color of #afd695.

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

CSS codes

.text {color:#afd695;}

.background {background-color:#afd695;}

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

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

#050703
```
#050703 rgb(5,7,3)
```
#0d1508
```
#0d1508 rgb(13,21,8)
```
#16230e
```
#16230e rgb(22,35,14)
```
#1f3213
```
#1f3213 rgb(31,50,19)
```
#284019
```
#284019 rgb(40,64,25)
```
#314e1e
```
#314e1e rgb(49,78,30)
```
#3a5c24
```
#3a5c24 rgb(58,92,36)
```
#436a29
```
#436a29 rgb(67,106,41)
```
#4c782f
```
#4c782f rgb(76,120,47)
```
#558634
```
#558634 rgb(85,134,52)
```
#5e9539
```
#5e9539 rgb(94,149,57)
```
#67a33f
```
#67a33f rgb(103,163,63)
```
#70b144
```
#70b144 rgb(112,177,68)
```

Shade Color Variation

#7abb4e
```
#7abb4e rgb(122,187,78)
```
#84c05c
```
#84c05c rgb(132,192,92)
```
#8fc66b
```
#8fc66b rgb(143,198,107)
```
#9acb79
```
#9acb79 rgb(154,203,121)
```
#a4d187
```
#a4d187 rgb(164,209,135)
```
#afd695
```
#afd695 rgb(175,214,149)
```
#badba3
```
#badba3 rgb(186,219,163)
```
#c4e1b1
```
#c4e1b1 rgb(196,225,177)
```
#cfe6bf
```
#cfe6bf rgb(207,230,191)
```
#daecce
```
#daecce rgb(218,236,206)
```
#e4f1dc
```
#e4f1dc rgb(228,241,220)
```
#eff7ea
```
#eff7ea rgb(239,247,234)
```
#fafcf8
```
#fafcf8 rgb(250,252,248)
```

Tint Color Variation

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

#b5bab1
```
#b5bab1 rgb(181,186,177)
```
#b4bfac
```
#b4bfac rgb(180,191,172)
```
#b2c5a6
```
#b2c5a6 rgb(178,197,166)
```
#b1cba0
```
#b1cba0 rgb(177,203,160)
```
#b0d09b
```
#b0d09b rgb(176,208,155)
```
#afd695
```
#afd695 rgb(175,214,149)
```
#aedc8f
```
#aedc8f rgb(174,220,143)
```
#ade18a
```
#ade18a rgb(173,225,138)
```
#ace784
```
#ace784 rgb(172,231,132)
```
#aaed7e
```
#aaed7e rgb(170,237,126)
```
#a9f279
```
#a9f279 rgb(169,242,121)
```
#a8f873
```
#a8f873 rgb(168,248,115)
```
#a7fe6d
```
#a7fe6d rgb(167,254,109)
```

Tone Color Variation

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

Dichromacy

#dccd95 Protanopia 1% of men
#efc5a0 Deuteranopia 1% of men
#bfcfde Tritanopia 0.001% of the population

Trichromacy

#cbd095 Protanomaly 1% of men, 0.01% of women
#d8cb9c Deuteranomaly 6% of men, 0.4% of women
#b9d1c3 Tritanomaly 0.01% of the population

#afd695 hex color

#afd695 Color Information

#afd695 Color Conversion

Color Schemes with #afd695

Alternatives to #afd695

#afd695 Preview

Shades and Tints of #afd695

Tones of #afd695

Color Blindness Simulator