#afd1b8 hex color

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

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

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

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

Hex triplet	afd1b8	`#afd1b8`
RGB Decimal	175, 209, 184	`rgb(175,209,184)`
RGB Percent	68.6, 82, 72.2	`rgb(68.6%,82%,72.2%)`
CMYK	16, 0, 12, 18
HSL	135.9°, 27, 75.3	`hsl(135.9,27%,75.3%)`
HSV (or HSB)	135.9°, 16.3, 82
Web Safe	99cccc	`#99cccc`

CIE-LAB	80.836, -16.125, 8.663
XYZ	49.129, 58.175, 53.985
xyY	0.305, 0.361, 58.175
CIE-LCH	80.836, 18.304, 151.753
CIE-LUV	80.836, -17.341, 15.548
Hunter-Lab	76.272, -18.499, 11.425
Binary	10101111, 11010001, 10111000

#afd1b8
```
#afd1b8 rgb(175,209,184)
```
#d1afc8
```
#d1afc8 rgb(209,175,200)
```

Complementary Color

#b7d1af
```
#b7d1af rgb(183,209,175)
```
#afd1b8
```
#afd1b8 rgb(175,209,184)
```
#afd1c9
```
#afd1c9 rgb(175,209,201)
```

Analogous Color

#d1afb7
```
#d1afb7 rgb(209,175,183)
```
#afd1b8
```
#afd1b8 rgb(175,209,184)
```
#c9afd1
```
#c9afd1 rgb(201,175,209)
```

Split Complementary Color

#d1b8af
```
#d1b8af rgb(209,184,175)
```
#afd1b8
```
#afd1b8 rgb(175,209,184)
```
#b8afd1
```
#b8afd1 rgb(184,175,209)
```

Triadic Color

#c8d1af
```
#c8d1af rgb(200,209,175)
```
#afd1b8
```
#afd1b8 rgb(175,209,184)
```
#b8afd1
```
#b8afd1 rgb(184,175,209)
```
#d1afc8
```
#d1afc8 rgb(209,175,200)
```

Tetradic Color

#7eb58d
```
#7eb58d rgb(126,181,141)
```
#8fbe9b
```
#8fbe9b rgb(143,190,155)
```
#9fc8aa
```
#9fc8aa rgb(159,200,170)
```
#afd1b8
```
#afd1b8 rgb(175,209,184)
```
#bfdac6
```
#bfdac6 rgb(191,218,198)
```
#cfe4d5
```
#cfe4d5 rgb(207,228,213)
```
#e0ede3
```
#e0ede3 rgb(224,237,227)
```

Monochromatic Color

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

#afd1b0
```
#afd1b0 rgb(175,209,176)
```
#afd1b2
```
#afd1b2 rgb(175,209,178)
```
#afd1b5
```
#afd1b5 rgb(175,209,181)
```
#afd1b8
```
#afd1b8 rgb(175,209,184)
```
#afd1bb
```
#afd1bb rgb(175,209,187)
```
#afd1be
```
#afd1be rgb(175,209,190)
```
#afd1c1
```
#afd1c1 rgb(175,209,193)
```

Similar Colors

Text with hexadecimal color #afd1b8

This text has a font color of #afd1b8.

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

#afd1b8 background color

This paragraph has a background color of #afd1b8.

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

#afd1b8 border color

This element has a border color of #afd1b8.

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

CSS codes

.text {color:#afd1b8;}

.background {background-color:#afd1b8;}

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

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

#040705
```
#040705 rgb(4,7,5)
```
#0b140d
```
#0b140d rgb(11,20,13)
```
#122016
```
#122016 rgb(18,32,22)
```
#1a2d1f
```
#1a2d1f rgb(26,45,31)
```
#213927
```
#213927 rgb(33,57,39)
```
#284530
```
#284530 rgb(40,69,48)
```
#2f5238
```
#2f5238 rgb(47,82,56)
```
#365e41
```
#365e41 rgb(54,94,65)
```
#3d6b49
```
#3d6b49 rgb(61,107,73)
```
#457752
```
#457752 rgb(69,119,82)
```
#4c845b
```
#4c845b rgb(76,132,91)
```
#539063
```
#539063 rgb(83,144,99)
```
#5a9d6c
```
#5a9d6c rgb(90,157,108)
```

Shade Color Variation

#64a676
```
#64a676 rgb(100,166,118)
```
#71ad81
```
#71ad81 rgb(113,173,129)
```
#7db48c
```
#7db48c rgb(125,180,140)
```
#8abc97
```
#8abc97 rgb(138,188,151)
```
#96c3a2
```
#96c3a2 rgb(150,195,162)
```
#a3caad
```
#a3caad rgb(163,202,173)
```
#afd1b8
```
#afd1b8 rgb(175,209,184)
```
#bbd8c3
```
#bbd8c3 rgb(187,216,195)
```
#c8dfce
```
#c8dfce rgb(200,223,206)
```
#d4e6d9
```
#d4e6d9 rgb(212,230,217)
```
#e1eee4
```
#e1eee4 rgb(225,238,228)
```
#edf5ef
```
#edf5ef rgb(237,245,239)
```
#fafcfa
```
#fafcfa rgb(250,252,250)
```

Tint Color Variation

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

#bec2bf
```
#bec2bf rgb(190,194,191)
```
#b9c7bd
```
#b9c7bd rgb(185,199,189)
```
#b4ccba
```
#b4ccba rgb(180,204,186)
```
#afd1b8
```
#afd1b8 rgb(175,209,184)
```
#aad6b6
```
#aad6b6 rgb(170,214,182)
```
#a5dbb3
```
#a5dbb3 rgb(165,219,179)
```
#a0e0b1
```
#a0e0b1 rgb(160,224,177)
```
#9ce4af
```
#9ce4af rgb(156,228,175)
```
#97e9ad
```
#97e9ad rgb(151,233,173)
```
#92eeaa
```
#92eeaa rgb(146,238,170)
```
#8df3a8
```
#8df3a8 rgb(141,243,168)
```
#88f8a6
```
#88f8a6 rgb(136,248,166)
```
#83fda3
```
#83fda3 rgb(131,253,163)
```

Tone Color Variation

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

Dichromacy

#d3cab7 Protanopia 1% of men
#e2c4c0 Deuteranopia 1% of men
#bacedd Tritanopia 0.001% of the population

Trichromacy

#c6cdb7 Protanomaly 1% of men, 0.01% of women
#cfc9bd Deuteranomaly 6% of men, 0.4% of women
#b6cfcf Tritanomaly 0.01% of the population

#afd1b8 hex color

#afd1b8 Color Information

#afd1b8 Color Conversion

Color Schemes with #afd1b8

Alternatives to #afd1b8

#afd1b8 Preview

Shades and Tints of #afd1b8

Tones of #afd1b8

Color Blindness Simulator