#afddd1 hex color

In a RGB color space, hex #afddd1 is composed of 68.6% red, 86.7% green and 82% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 5.4% yellow and 13.3% black. It has a hue angle of 164.3 degrees, a saturation of 40.4% and a lightness of 77.6%. #afddd1 color hex could be obtained by blending #ffffff with #5fbba3. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 87
- B 82
RGB color chart
- C 21
- M 0
- Y 5
- K 13
CMYK color chart

● #afddd1 color description : Very soft cyan - lime green.

The hexadecimal color #afddd1 has RGB values of R:175, G:221, B:209 and CMYK values of C:0.21, M:0, Y:0.05, K:0.13. Its decimal value is 11525585.

Hex triplet	afddd1	`#afddd1`
RGB Decimal	175, 221, 209	`rgb(175,221,209)`
RGB Percent	68.6, 86.7, 82	`rgb(68.6%,86.7%,82%)`
CMYK	21, 0, 5, 13
HSL	164.3°, 40.4, 77.6	`hsl(164.3,40.4%,77.6%)`
HSV (or HSB)	164.3°, 20.8, 86.7
Web Safe	99cccc	`#99cccc`

CIE-LAB	84.704, -17.309, 0.975
XYZ	55.041, 65.429, 70.047
xyY	0.289, 0.343, 65.429
CIE-LCH	84.704, 17.336, 176.775
CIE-LUV	84.704, -23.376, 4.438
Hunter-Lab	80.888, -20.091, 5.278
Binary	10101111, 11011101, 11010001

#afddd1
```
#afddd1 rgb(175,221,209)
```
#ddafbb
```
#ddafbb rgb(221,175,187)
```

Complementary Color

#afddba
```
#afddba rgb(175,221,186)
```
#afddd1
```
#afddd1 rgb(175,221,209)
```
#afd2dd
```
#afd2dd rgb(175,210,221)
```

Analogous Color

#ddbaaf
```
#ddbaaf rgb(221,186,175)
```
#afddd1
```
#afddd1 rgb(175,221,209)
```
#ddafd2
```
#ddafd2 rgb(221,175,210)
```

Split Complementary Color

#ddd1af
```
#ddd1af rgb(221,209,175)
```
#afddd1
```
#afddd1 rgb(175,221,209)
```
#d1afdd
```
#d1afdd rgb(209,175,221)
```

Triadic Color

#bbddaf
```
#bbddaf rgb(187,221,175)
```
#afddd1
```
#afddd1 rgb(175,221,209)
```
#d1afdd
```
#d1afdd rgb(209,175,221)
```
#ddafbb
```
#ddafbb rgb(221,175,187)
```

Tetradic Color

#79c6b2
```
#79c6b2 rgb(121,198,178)
```
#8bcebc
```
#8bcebc rgb(139,206,188)
```
#9dd5c7
```
#9dd5c7 rgb(157,213,199)
```
#afddd1
```
#afddd1 rgb(175,221,209)
```
#c1e5db
```
#c1e5db rgb(193,229,219)
```
#d3ece6
```
#d3ece6 rgb(211,236,230)
```
#e5f4f0
```
#e5f4f0 rgb(229,244,240)
```

Monochromatic Color

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

#afddc6
```
#afddc6 rgb(175,221,198)
```
#afddc9
```
#afddc9 rgb(175,221,201)
```
#afddcd
```
#afddcd rgb(175,221,205)
```
#afddd1
```
#afddd1 rgb(175,221,209)
```
#afddd5
```
#afddd5 rgb(175,221,213)
```
#afddd9
```
#afddd9 rgb(175,221,217)
```
#afdddd
```
#afdddd rgb(175,221,221)
```

Similar Colors

Text with hexadecimal color #afddd1

This text has a font color of #afddd1.

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

#afddd1 background color

This paragraph has a background color of #afddd1.

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

#afddd1 border color

This element has a border color of #afddd1.

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

CSS codes

.text {color:#afddd1;}

.background {background-color:#afddd1;}

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

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

#010302
```
#010302 rgb(1,3,2)
```
#07100e
```
#07100e rgb(7,16,14)
```
#0d1e1a
```
#0d1e1a rgb(13,30,26)
```
#132c25
```
#132c25 rgb(19,44,37)
```
#193a31
```
#193a31 rgb(25,58,49)
```
#1e473d
```
#1e473d rgb(30,71,61)
```
#245548
```
#245548 rgb(36,85,72)
```
#2a6354
```
#2a6354 rgb(42,99,84)
```
#307160
```
#307160 rgb(48,113,96)
```
#367e6c
```
#367e6c rgb(54,126,108)
```
#3c8c77
```
#3c8c77 rgb(60,140,119)
```
#419a83
```
#419a83 rgb(65,154,131)
```
#47a88f
```
#47a88f rgb(71,168,143)
```

Shade Color Variation

#4fb49a
```
#4fb49a rgb(79,180,154)
```
#5cbaa2
```
#5cbaa2 rgb(92,186,162)
```
#6ac0a9
```
#6ac0a9 rgb(106,192,169)
```
#78c6b1
```
#78c6b1 rgb(120,198,177)
```
#86cbb9
```
#86cbb9 rgb(134,203,185)
```
#93d1c1
```
#93d1c1 rgb(147,209,193)
```
#a1d7c9
```
#a1d7c9 rgb(161,215,201)
```
#afddd1
```
#afddd1 rgb(175,221,209)
```
#bde3d9
```
#bde3d9 rgb(189,227,217)
```
#cbe9e1
```
#cbe9e1 rgb(203,233,225)
```
#d8efe9
```
#d8efe9 rgb(216,239,233)
```
#e6f4f1
```
#e6f4f1 rgb(230,244,241)
```
#f4faf9
```
#f4faf9 rgb(244,250,249)
```

Tint Color Variation

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

#c5c7c7
```
#c5c7c7 rgb(197,199,199)
```
#c1cbc9
```
#c1cbc9 rgb(193,203,201)
```
#bcd0cb
```
#bcd0cb rgb(188,208,203)
```
#b8d4cd
```
#b8d4cd rgb(184,212,205)
```
#b3d9cf
```
#b3d9cf rgb(179,217,207)
```
#afddd1
```
#afddd1 rgb(175,221,209)
```
#abe1d3
```
#abe1d3 rgb(171,225,211)
```
#a6e6d5
```
#a6e6d5 rgb(166,230,213)
```
#a2ead7
```
#a2ead7 rgb(162,234,215)
```
#9defd9
```
#9defd9 rgb(157,239,217)
```
#99f3db
```
#99f3db rgb(153,243,219)
```
#95f7de
```
#95f7de rgb(149,247,222)
```
#90fce0
```
#90fce0 rgb(144,252,224)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#c8d1cf Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd4ce Protanopia 1% of men
#e7cfd8 Deuteranopia 1% of men
#b8dbea Tritanopia 0.001% of the population

Trichromacy

#cbd7cf Protanomaly 1% of men, 0.01% of women
#d3d4d5 Deuteranomaly 6% of men, 0.4% of women
#b5dbe1 Tritanomaly 0.01% of the population

#afddd1 hex color

#afddd1 Color Information

#afddd1 Color Conversion

Color Schemes with #afddd1

Alternatives to #afddd1

#afddd1 Preview

Shades and Tints of #afddd1

Tones of #afddd1

Color Blindness Simulator