#afddcc hex color

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

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

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

The hexadecimal color #afddcc has RGB values of R:175, G:221, B:204 and CMYK values of C:0.21, M:0, Y:0.08, K:0.13. Its decimal value is 11525580.

Hex triplet	afddcc	`#afddcc`
RGB Decimal	175, 221, 204	`rgb(175,221,204)`
RGB Percent	68.6, 86.7, 80	`rgb(68.6%,86.7%,80%)`
CMYK	21, 0, 8, 13
HSL	157.8°, 40.4, 77.6	`hsl(157.8,40.4%,77.6%)`
HSV (or HSB)	157.8°, 20.8, 86.7
Web Safe	99cccc	`#99cccc`

CIE-LAB	84.579, -18.313, 3.438
XYZ	54.432, 65.185, 66.837
xyY	0.292, 0.35, 65.185
CIE-LCH	84.579, 18.633, 169.368
CIE-LUV	84.579, -23.327, 8.329
Hunter-Lab	80.737, -20.948, 7.433
Binary	10101111, 11011101, 11001100

#afddcc
```
#afddcc rgb(175,221,204)
```
#ddafc0
```
#ddafc0 rgb(221,175,192)
```

Complementary Color

#afddb5
```
#afddb5 rgb(175,221,181)
```
#afddcc
```
#afddcc rgb(175,221,204)
```
#afd7dd
```
#afd7dd rgb(175,215,221)
```

Analogous Color

#ddb5af
```
#ddb5af rgb(221,181,175)
```
#afddcc
```
#afddcc rgb(175,221,204)
```
#ddafd7
```
#ddafd7 rgb(221,175,215)
```

Split Complementary Color

#ddccaf
```
#ddccaf rgb(221,204,175)
```
#afddcc
```
#afddcc rgb(175,221,204)
```
#ccafdd
```
#ccafdd rgb(204,175,221)
```

Triadic Color

#c0ddaf
```
#c0ddaf rgb(192,221,175)
```
#afddcc
```
#afddcc rgb(175,221,204)
```
#ccafdd
```
#ccafdd rgb(204,175,221)
```
#ddafc0
```
#ddafc0 rgb(221,175,192)
```

Tetradic Color

#79c6aa
```
#79c6aa rgb(121,198,170)
```
#8bceb5
```
#8bceb5 rgb(139,206,181)
```
#9dd5c1
```
#9dd5c1 rgb(157,213,193)
```
#afddcc
```
#afddcc rgb(175,221,204)
```
#c1e5d7
```
#c1e5d7 rgb(193,229,215)
```
#d3ece3
```
#d3ece3 rgb(211,236,227)
```
#e5f4ee
```
#e5f4ee rgb(229,244,238)
```

Monochromatic Color

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

#afddc1
```
#afddc1 rgb(175,221,193)
```
#afddc4
```
#afddc4 rgb(175,221,196)
```
#afddc8
```
#afddc8 rgb(175,221,200)
```
#afddcc
```
#afddcc rgb(175,221,204)
```
#afddd0
```
#afddd0 rgb(175,221,208)
```
#afddd4
```
#afddd4 rgb(175,221,212)
```
#afddd8
```
#afddd8 rgb(175,221,216)
```

Similar Colors

Text with hexadecimal color #afddcc

This text has a font color of #afddcc.

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

#afddcc background color

This paragraph has a background color of #afddcc.

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

#afddcc border color

This element has a border color of #afddcc.

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

CSS codes

.text {color:#afddcc;}

.background {background-color:#afddcc;}

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

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 #f4faf8 is the lightest one.

#010302
```
#010302 rgb(1,3,2)
```
#07100d
```
#07100d rgb(7,16,13)
```
#0d1e18
```
#0d1e18 rgb(13,30,24)
```
#132c23
```
#132c23 rgb(19,44,35)
```
#193a2d
```
#193a2d rgb(25,58,45)
```
#1e4738
```
#1e4738 rgb(30,71,56)
```
#245543
```
#245543 rgb(36,85,67)
```
#2a634e
```
#2a634e rgb(42,99,78)
```
#307159
```
#307159 rgb(48,113,89)
```
#367e64
```
#367e64 rgb(54,126,100)
```
#3c8c6e
```
#3c8c6e rgb(60,140,110)
```
#419a79
```
#419a79 rgb(65,154,121)
```
#47a884
```
#47a884 rgb(71,168,132)
```

Shade Color Variation

#4fb48f
```
#4fb48f rgb(79,180,143)
```
#5cba97
```
#5cba97 rgb(92,186,151)
```
#6ac0a0
```
#6ac0a0 rgb(106,192,160)
```
#78c6a9
```
#78c6a9 rgb(120,198,169)
```
#86cbb2
```
#86cbb2 rgb(134,203,178)
```
#93d1ba
```
#93d1ba rgb(147,209,186)
```
#a1d7c3
```
#a1d7c3 rgb(161,215,195)
```
#afddcc
```
#afddcc rgb(175,221,204)
```
#bde3d5
```
#bde3d5 rgb(189,227,213)
```
#cbe9de
```
#cbe9de rgb(203,233,222)
```
#d8efe6
```
#d8efe6 rgb(216,239,230)
```
#e6f4ef
```
#e6f4ef rgb(230,244,239)
```
#f4faf8
```
#f4faf8 rgb(244,250,248)
```

Tint Color Variation

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

#c5c7c6
```
#c5c7c6 rgb(197,199,198)
```
#c1cbc7
```
#c1cbc7 rgb(193,203,199)
```
#bcd0c9
```
#bcd0c9 rgb(188,208,201)
```
#b8d4ca
```
#b8d4ca rgb(184,212,202)
```
#b3d9cb
```
#b3d9cb rgb(179,217,203)
```
#afddcc
```
#afddcc rgb(175,221,204)
```
#abe1cd
```
#abe1cd rgb(171,225,205)
```
#a6e6ce
```
#a6e6ce rgb(166,230,206)
```
#a2eacf
```
#a2eacf rgb(162,234,207)
```
#9defd1
```
#9defd1 rgb(157,239,209)
```
#99f3d2
```
#99f3d2 rgb(153,243,210)
```
#95f7d3
```
#95f7d3 rgb(149,247,211)
```
#90fcd4
```
#90fcd4 rgb(144,252,212)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#c7d0cd Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd4c9 Protanopia 1% of men
#e9ced3 Deuteranopia 1% of men
#b9daea Tritanopia 0.001% of the population

Trichromacy

#cbd7ca Protanomaly 1% of men, 0.01% of women
#d4d4d1 Deuteranomaly 6% of men, 0.4% of women
#b5dbdf Tritanomaly 0.01% of the population

#afddcc hex color

#afddcc Color Information

#afddcc Color Conversion

Color Schemes with #afddcc

Alternatives to #afddcc

#afddcc Preview

Shades and Tints of #afddcc

Tones of #afddcc

Color Blindness Simulator