#afd6bb hex color

In a RGB color space, hex #afd6bb is composed of 68.6% red, 83.9% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 12.6% yellow and 16.1% black. It has a hue angle of 138.5 degrees, a saturation of 32.2% and a lightness of 76.3%. #afd6bb color hex could be obtained by blending #ffffff with #5fad77. Closest websafe color is: #99cccc.

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

● #afd6bb color description : Grayish cyan - lime green.

The hexadecimal color #afd6bb has RGB values of R:175, G:214, B:187 and CMYK values of C:0.18, M:0, Y:0.13, K:0.16. Its decimal value is 11523771.

Hex triplet	afd6bb	`#afd6bb`
RGB Decimal	175, 214, 187	`rgb(175,214,187)`
RGB Percent	68.6, 83.9, 73.3	`rgb(68.6%,83.9%,73.3%)`
CMYK	18, 0, 13, 16
HSL	138.5°, 32.2, 76.3	`hsl(138.5,32.2%,76.3%)`
HSV (or HSB)	138.5°, 18.2, 83.9
Web Safe	99cccc	`#99cccc`

CIE-LAB	82.268, -18.084, 9.116
XYZ	50.693, 60.794, 56.075
xyY	0.303, 0.363, 60.794
CIE-LCH	82.268, 20.251, 153.249
CIE-LUV	82.268, -19.813, 16.587
Hunter-Lab	77.97, -20.395, 11.939
Binary	10101111, 11010110, 10111011

#afd6bb
```
#afd6bb rgb(175,214,187)
```
#d6afca
```
#d6afca rgb(214,175,202)
```

Complementary Color

#b7d6af
```
#b7d6af rgb(183,214,175)
```
#afd6bb
```
#afd6bb rgb(175,214,187)
```
#afd6cf
```
#afd6cf rgb(175,214,207)
```

Analogous Color

#d6afb7
```
#d6afb7 rgb(214,175,183)
```
#afd6bb
```
#afd6bb rgb(175,214,187)
```
#cfafd6
```
#cfafd6 rgb(207,175,214)
```

Split Complementary Color

#d6bbaf
```
#d6bbaf rgb(214,187,175)
```
#afd6bb
```
#afd6bb rgb(175,214,187)
```
#bbafd6
```
#bbafd6 rgb(187,175,214)
```

Triadic Color

#cad6af
```
#cad6af rgb(202,214,175)
```
#afd6bb
```
#afd6bb rgb(175,214,187)
```
#bbafd6
```
#bbafd6 rgb(187,175,214)
```
#d6afca
```
#d6afca rgb(214,175,202)
```

Tetradic Color

#7cbc90
```
#7cbc90 rgb(124,188,144)
```
#8dc59e
```
#8dc59e rgb(141,197,158)
```
#9ecdad
```
#9ecdad rgb(158,205,173)
```
#afd6bb
```
#afd6bb rgb(175,214,187)
```
#c0dfc9
```
#c0dfc9 rgb(192,223,201)
```
#d1e7d8
```
#d1e7d8 rgb(209,231,216)
```
#e2f0e6
```
#e2f0e6 rgb(226,240,230)
```

Monochromatic Color

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

#afd6b1
```
#afd6b1 rgb(175,214,177)
```
#afd6b5
```
#afd6b5 rgb(175,214,181)
```
#afd6b8
```
#afd6b8 rgb(175,214,184)
```
#afd6bb
```
#afd6bb rgb(175,214,187)
```
#afd6be
```
#afd6be rgb(175,214,190)
```
#afd6c2
```
#afd6c2 rgb(175,214,194)
```
#afd6c5
```
#afd6c5 rgb(175,214,197)
```

Similar Colors

Text with hexadecimal color #afd6bb

This text has a font color of #afd6bb.

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

#afd6bb background color

This paragraph has a background color of #afd6bb.

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

#afd6bb border color

This element has a border color of #afd6bb.

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

CSS codes

.text {color:#afd6bb;}

.background {background-color:#afd6bb;}

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

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, #060b07 is the darkest color, while #fdfefd is the lightest one.

#060b07
```
#060b07 rgb(6,11,7)
```
#0c1810
```
#0c1810 rgb(12,24,16)
```
#132518
```
#132518 rgb(19,37,24)
```
#193221
```
#193221 rgb(25,50,33)
```
#203f2a
```
#203f2a rgb(32,63,42)
```
#274c32
```
#274c32 rgb(39,76,50)
```
#2d593b
```
#2d593b rgb(45,89,59)
```
#346643
```
#346643 rgb(52,102,67)
```
#3b734c
```
#3b734c rgb(59,115,76)
```
#418054
```
#418054 rgb(65,128,84)
```
#488c5d
```
#488c5d rgb(72,140,93)
```
#4f9966
```
#4f9966 rgb(79,153,102)
```
#55a66e
```
#55a66e rgb(85,166,110)
```

Shade Color Variation

#61ae79
```
#61ae79 rgb(97,174,121)
```
#6eb584
```
#6eb584 rgb(110,181,132)
```
#7bbb8f
```
#7bbb8f rgb(123,187,143)
```
#88c29a
```
#88c29a rgb(136,194,154)
```
#95c9a5
```
#95c9a5 rgb(149,201,165)
```
#a2cfb0
```
#a2cfb0 rgb(162,207,176)
```
#afd6bb
```
#afd6bb rgb(175,214,187)
```
#bcddc6
```
#bcddc6 rgb(188,221,198)
```
#c9e3d1
```
#c9e3d1 rgb(201,227,209)
```
#d6eadc
```
#d6eadc rgb(214,234,220)
```
#e3f1e7
```
#e3f1e7 rgb(227,241,231)
```
#f0f7f2
```
#f0f7f2 rgb(240,247,242)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

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

#c2c3c2
```
#c2c3c2 rgb(194,195,194)
```
#bdc8c0
```
#bdc8c0 rgb(189,200,192)
```
#b8cdbf
```
#b8cdbf rgb(184,205,191)
```
#b4d1bd
```
#b4d1bd rgb(180,209,189)
```
#afd6bb
```
#afd6bb rgb(175,214,187)
```
#aadbb9
```
#aadbb9 rgb(170,219,185)
```
#a6dfb7
```
#a6dfb7 rgb(166,223,183)
```
#a1e4b6
```
#a1e4b6 rgb(161,228,182)
```
#9ce9b4
```
#9ce9b4 rgb(156,233,180)
```
#98edb2
```
#98edb2 rgb(152,237,178)
```
#93f2b0
```
#93f2b0 rgb(147,242,176)
```
#8ef7ae
```
#8ef7ae rgb(142,247,174)
```
#8afbad
```
#8afbad rgb(138,251,173)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c2cac5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7ceb9 Protanopia 1% of men
#e6c8c3 Deuteranopia 1% of men
#bad2e2 Tritanopia 0.001% of the population

Trichromacy

#c9d1ba Protanomaly 1% of men, 0.01% of women
#d2cdc0 Deuteranomaly 6% of men, 0.4% of women
#b6d4d3 Tritanomaly 0.01% of the population

#afd6bb hex color

#afd6bb Color Information

#afd6bb Color Conversion

Color Schemes with #afd6bb

Alternatives to #afd6bb

#afd6bb Preview

Shades and Tints of #afd6bb

Tones of #afd6bb

Color Blindness Simulator