#afd3b1 hex color

In a RGB color space, hex #afd3b1 is composed of 68.6% red, 82.7% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 0% magenta, 16.1% yellow and 17.3% black. It has a hue angle of 123.3 degrees, a saturation of 29% and a lightness of 75.7%. #afd3b1 color hex could be obtained by blending #ffffff with #5fa763. Closest websafe color is: #99cc99.

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

● #afd3b1 color description : Grayish lime green.

The hexadecimal color #afd3b1 has RGB values of R:175, G:211, B:177 and CMYK values of C:0.17, M:0, Y:0.16, K:0.17. Its decimal value is 11522993.

Hex triplet	afd3b1	`#afd3b1`
RGB Decimal	175, 211, 177	`rgb(175,211,177)`
RGB Percent	68.6, 82.7, 69.4	`rgb(68.6%,82.7%,69.4%)`
CMYK	17, 0, 16, 17
HSL	123.3°, 29, 75.7	`hsl(123.3,29%,75.7%)`
HSV (or HSB)	123.3°, 17.1, 82.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	81.223, -18.4, 12.936
XYZ	48.907, 58.876, 50.38
xyY	0.309, 0.372, 58.876
CIE-LCH	81.223, 22.493, 144.891
CIE-LUV	81.223, -18.198, 22.019
Hunter-Lab	76.731, -20.504, 14.783
Binary	10101111, 11010011, 10110001

#afd3b1
```
#afd3b1 rgb(175,211,177)
```
#d3afd1
```
#d3afd1 rgb(211,175,209)
```

Complementary Color

#bfd3af
```
#bfd3af rgb(191,211,175)
```
#afd3b1
```
#afd3b1 rgb(175,211,177)
```
#afd3c3
```
#afd3c3 rgb(175,211,195)
```

Analogous Color

#d3afbf
```
#d3afbf rgb(211,175,191)
```
#afd3b1
```
#afd3b1 rgb(175,211,177)
```
#c3afd3
```
#c3afd3 rgb(195,175,211)
```

Split Complementary Color

#d3b1af
```
#d3b1af rgb(211,177,175)
```
#afd3b1
```
#afd3b1 rgb(175,211,177)
```
#b1afd3
```
#b1afd3 rgb(177,175,211)
```

Triadic Color

#d1d3af
```
#d1d3af rgb(209,211,175)
```
#afd3b1
```
#afd3b1 rgb(175,211,177)
```
#b1afd3
```
#b1afd3 rgb(177,175,211)
```
#d3afd1
```
#d3afd1 rgb(211,175,209)
```

Tetradic Color

#7eb881
```
#7eb881 rgb(126,184,129)
```
#8ec191
```
#8ec191 rgb(142,193,145)
```
#9fcaa1
```
#9fcaa1 rgb(159,202,161)
```
#afd3b1
```
#afd3b1 rgb(175,211,177)
```
#bfdcc1
```
#bfdcc1 rgb(191,220,193)
```
#d0e5d1
```
#d0e5d1 rgb(208,229,209)
```
#e0eee1
```
#e0eee1 rgb(224,238,225)
```

Monochromatic Color

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

#b6d3af
```
#b6d3af rgb(182,211,175)
```
#b3d3af
```
#b3d3af rgb(179,211,175)
```
#b0d3af
```
#b0d3af rgb(176,211,175)
```
#afd3b1
```
#afd3b1 rgb(175,211,177)
```
#afd3b4
```
#afd3b4 rgb(175,211,180)
```
#afd3b7
```
#afd3b7 rgb(175,211,183)
```
#afd3ba
```
#afd3ba rgb(175,211,186)
```

Similar Colors

Text with hexadecimal color #afd3b1

This text has a font color of #afd3b1.

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

#afd3b1 background color

This paragraph has a background color of #afd3b1.

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

#afd3b1 border color

This element has a border color of #afd3b1.

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

CSS codes

.text {color:#afd3b1;}

.background {background-color:#afd3b1;}

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

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

#050905
```
#050905 rgb(5,9,5)
```
#0c150c
```
#0c150c rgb(12,21,12)
```
#132213
```
#132213 rgb(19,34,19)
```
#1a2f1b
```
#1a2f1b rgb(26,47,27)
```
#213b22
```
#213b22 rgb(33,59,34)
```
#284829
```
#284829 rgb(40,72,41)
```
#2e5531
```
#2e5531 rgb(46,85,49)
```
#356138
```
#356138 rgb(53,97,56)
```
#3c6e3f
```
#3c6e3f rgb(60,110,63)
```
#437a46
```
#437a46 rgb(67,122,70)
```
#4a874e
```
#4a874e rgb(74,135,78)
```
#519455
```
#519455 rgb(81,148,85)
```
#58a05c
```
#58a05c rgb(88,160,92)
```

Shade Color Variation

#63a967
```
#63a967 rgb(99,169,103)
```
#70b073
```
#70b073 rgb(112,176,115)
```
#7cb780
```
#7cb780 rgb(124,183,128)
```
#89be8c
```
#89be8c rgb(137,190,140)
```
#96c598
```
#96c598 rgb(150,197,152)
```
#a2cca5
```
#a2cca5 rgb(162,204,165)
```
#afd3b1
```
#afd3b1 rgb(175,211,177)
```
#bcdabd
```
#bcdabd rgb(188,218,189)
```
#c8e1ca
```
#c8e1ca rgb(200,225,202)
```
#d5e8d6
```
#d5e8d6 rgb(213,232,214)
```
#e2efe2
```
#e2efe2 rgb(226,239,226)
```
#eef6ef
```
#eef6ef rgb(238,246,239)
```
#fbfdfb
```
#fbfdfb rgb(251,253,251)
```

Tint Color Variation

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

#bdc5be
```
#bdc5be rgb(189,197,190)
```
#b9c9b9
```
#b9c9b9 rgb(185,201,185)
```
#b4ceb5
```
#b4ceb5 rgb(180,206,181)
```
#afd3b1
```
#afd3b1 rgb(175,211,177)
```
#aad8ad
```
#aad8ad rgb(170,216,173)
```
#a5dda9
```
#a5dda9 rgb(165,221,169)
```
#a1e1a4
```
#a1e1a4 rgb(161,225,164)
```
#9ce6a0
```
#9ce6a0 rgb(156,230,160)
```
#97eb9c
```
#97eb9c rgb(151,235,156)
```
#92f098
```
#92f098 rgb(146,240,152)
```
#8ef493
```
#8ef493 rgb(142,244,147)
```
#89f98f
```
#89f98f rgb(137,249,143)
```
#84fe8b
```
#84fe8b rgb(132,254,139)
```

Tone Color Variation

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

Dichromacy

#d6cbb0 Protanopia 1% of men
#e6c5ba Deuteranopia 1% of men
#bbcfde Tritanopia 0.001% of the population

Trichromacy

#c8ceb0 Protanomaly 1% of men, 0.01% of women
#d2cab6 Deuteranomaly 6% of men, 0.4% of women
#b6d0cd Tritanomaly 0.01% of the population

#afd3b1 hex color

#afd3b1 Color Information

#afd3b1 Color Conversion

Color Schemes with #afd3b1

Alternatives to #afd3b1

#afd3b1 Preview

Shades and Tints of #afd3b1

Tones of #afd3b1

Color Blindness Simulator