#afddd4 hex color

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

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

● #afddd4 color description : Very soft cyan.

The hexadecimal color #afddd4 has RGB values of R:175, G:221, B:212 and CMYK values of C:0.21, M:0, Y:0.04, K:0.13. Its decimal value is 11525588.

Hex triplet	afddd4	`#afddd4`
RGB Decimal	175, 221, 212	`rgb(175,221,212)`
RGB Percent	68.6, 86.7, 83.1	`rgb(68.6%,86.7%,83.1%)`
CMYK	21, 0, 4, 13
HSL	168.3°, 40.4, 77.6	`hsl(168.3,40.4%,77.6%)`
HSV (or HSB)	168.3°, 20.8, 86.7
Web Safe	99cccc	`#99cccc`

CIE-LAB	84.781, -16.696, -0.5
XYZ	55.416, 65.579, 72.022
xyY	0.287, 0.34, 65.579
CIE-LCH	84.781, 16.703, 181.714
CIE-LUV	84.781, -23.406, 2.081
Hunter-Lab	80.981, -19.566, 3.956
Binary	10101111, 11011101, 11010100

#afddd4
```
#afddd4 rgb(175,221,212)
```
#ddafb8
```
#ddafb8 rgb(221,175,184)
```

Complementary Color

#afddbd
```
#afddbd rgb(175,221,189)
```
#afddd4
```
#afddd4 rgb(175,221,212)
```
#afcfdd
```
#afcfdd rgb(175,207,221)
```

Analogous Color

#ddbdaf
```
#ddbdaf rgb(221,189,175)
```
#afddd4
```
#afddd4 rgb(175,221,212)
```
#ddafcf
```
#ddafcf rgb(221,175,207)
```

Split Complementary Color

#ddd4af
```
#ddd4af rgb(221,212,175)
```
#afddd4
```
#afddd4 rgb(175,221,212)
```
#d4afdd
```
#d4afdd rgb(212,175,221)
```

Triadic Color

#b8ddaf
```
#b8ddaf rgb(184,221,175)
```
#afddd4
```
#afddd4 rgb(175,221,212)
```
#d4afdd
```
#d4afdd rgb(212,175,221)
```
#ddafb8
```
#ddafb8 rgb(221,175,184)
```

Tetradic Color

#79c6b7
```
#79c6b7 rgb(121,198,183)
```
#8bcec1
```
#8bcec1 rgb(139,206,193)
```
#9dd5ca
```
#9dd5ca rgb(157,213,202)
```
#afddd4
```
#afddd4 rgb(175,221,212)
```
#c1e5de
```
#c1e5de rgb(193,229,222)
```
#d3ece7
```
#d3ece7 rgb(211,236,231)
```
#e5f4f1
```
#e5f4f1 rgb(229,244,241)
```

Monochromatic Color

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

#afddc9
```
#afddc9 rgb(175,221,201)
```
#afddcc
```
#afddcc rgb(175,221,204)
```
#afddd0
```
#afddd0 rgb(175,221,208)
```
#afddd4
```
#afddd4 rgb(175,221,212)
```
#afddd8
```
#afddd8 rgb(175,221,216)
```
#afdddc
```
#afdddc rgb(175,221,220)
```
#afdbdd
```
#afdbdd rgb(175,219,221)
```

Similar Colors

Text with hexadecimal color #afddd4

This text has a font color of #afddd4.

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

#afddd4 background color

This paragraph has a background color of #afddd4.

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

#afddd4 border color

This element has a border color of #afddd4.

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

CSS codes

.text {color:#afddd4;}

.background {background-color:#afddd4;}

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

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)
```
#07100f
```
#07100f rgb(7,16,15)
```
#0d1e1b
```
#0d1e1b rgb(13,30,27)
```
#132c27
```
#132c27 rgb(19,44,39)
```
#193a33
```
#193a33 rgb(25,58,51)
```
#1e473f
```
#1e473f rgb(30,71,63)
```
#24554c
```
#24554c rgb(36,85,76)
```
#2a6358
```
#2a6358 rgb(42,99,88)
```
#307164
```
#307164 rgb(48,113,100)
```
#367e70
```
#367e70 rgb(54,126,112)
```
#3c8c7c
```
#3c8c7c rgb(60,140,124)
```
#419a89
```
#419a89 rgb(65,154,137)
```
#47a895
```
#47a895 rgb(71,168,149)
```

Shade Color Variation

#4fb4a0
```
#4fb4a0 rgb(79,180,160)
```
#5cbaa8
```
#5cbaa8 rgb(92,186,168)
```
#6ac0af
```
#6ac0af rgb(106,192,175)
```
#78c6b6
```
#78c6b6 rgb(120,198,182)
```
#86cbbe
```
#86cbbe rgb(134,203,190)
```
#93d1c5
```
#93d1c5 rgb(147,209,197)
```
#a1d7cd
```
#a1d7cd rgb(161,215,205)
```
#afddd4
```
#afddd4 rgb(175,221,212)
```
#bde3db
```
#bde3db rgb(189,227,219)
```
#cbe9e3
```
#cbe9e3 rgb(203,233,227)
```
#d8efea
```
#d8efea rgb(216,239,234)
```
#e6f4f2
```
#e6f4f2 rgb(230,244,242)
```
#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 #90fce7 is the most saturated one.

#c5c7c7
```
#c5c7c7 rgb(197,199,199)
```
#c1cbc9
```
#c1cbc9 rgb(193,203,201)
```
#bcd0cc
```
#bcd0cc rgb(188,208,204)
```
#b8d4cf
```
#b8d4cf rgb(184,212,207)
```
#b3d9d1
```
#b3d9d1 rgb(179,217,209)
```
#afddd4
```
#afddd4 rgb(175,221,212)
```
#abe1d7
```
#abe1d7 rgb(171,225,215)
```
#a6e6d9
```
#a6e6d9 rgb(166,230,217)
```
#a2eadc
```
#a2eadc rgb(162,234,220)
```
#9defdf
```
#9defdf rgb(157,239,223)
```
#99f3e1
```
#99f3e1 rgb(153,243,225)
```
#95f7e4
```
#95f7e4 rgb(149,247,228)
```
#90fce7
```
#90fce7 rgb(144,252,231)
```

Tone Color Variation

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

#dad4d1 Protanopia 1% of men
#e7cfdb Deuteranopia 1% of men
#b8dbeb Tritanopia 0.001% of the population

Trichromacy

#cad7d2 Protanomaly 1% of men, 0.01% of women
#d2d4d8 Deuteranomaly 6% of men, 0.4% of women
#b4dce2 Tritanomaly 0.01% of the population

#afddd4 hex color

#afddd4 Color Information

#afddd4 Color Conversion

Color Schemes with #afddd4

Alternatives to #afddd4

#afddd4 Preview

Shades and Tints of #afddd4

Tones of #afddd4

Color Blindness Simulator