#affdd2 hex color

In a RGB color space, hex #affdd2 is composed of 68.6% red, 99.2% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 0% magenta, 17% yellow and 0.8% black. It has a hue angle of 146.9 degrees, a saturation of 95.1% and a lightness of 83.9%. #affdd2 color hex could be obtained by blending #ffffff with #5ffba5. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 69
- G 99
- B 82
RGB color chart
- C 31
- M 0
- Y 17
- K 1
CMYK color chart

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

The hexadecimal color #affdd2 has RGB values of R:175, G:253, B:210 and CMYK values of C:0.31, M:0, Y:0.17, K:0.01. Its decimal value is 11533778.

Hex triplet	affdd2	`#affdd2`
RGB Decimal	175, 253, 210	`rgb(175,253,210)`
RGB Percent	68.6, 99.2, 82.4	`rgb(68.6%,99.2%,82.4%)`
CMYK	31, 0, 17, 1
HSL	146.9°, 95.1, 83.9	`hsl(146.9,95.1%,83.9%)`
HSV (or HSB)	146.9°, 30.8, 99.2
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	93.457, -32.564, 13.044
XYZ	64.434, 84.015, 73.791
xyY	0.29, 0.378, 84.015
CIE-LCH	93.457, 35.079, 158.171
CIE-LUV	93.457, -37.823, 25.204
Hunter-Lab	91.66, -34.924, 16.43
Binary	10101111, 11111101, 11010010

#affdd2
```
#affdd2 rgb(175,253,210)
```
#fdafda
```
#fdafda rgb(253,175,218)
```

Complementary Color

#b3fdaf
```
#b3fdaf rgb(179,253,175)
```
#affdd2
```
#affdd2 rgb(175,253,210)
```
#affdf9
```
#affdf9 rgb(175,253,249)
```

Analogous Color

#fdafb3
```
#fdafb3 rgb(253,175,179)
```
#affdd2
```
#affdd2 rgb(175,253,210)
```
#f9affd
```
#f9affd rgb(249,175,253)
```

Split Complementary Color

#fdd2af
```
#fdd2af rgb(253,210,175)
```
#affdd2
```
#affdd2 rgb(175,253,210)
```
#d2affd
```
#d2affd rgb(210,175,253)
```

Triadic Color

#dafdaf
```
#dafdaf rgb(218,253,175)
```
#affdd2
```
#affdd2 rgb(175,253,210)
```
#d2affd
```
#d2affd rgb(210,175,253)
```
#fdafda
```
#fdafda rgb(253,175,218)
```

Tetradic Color

#64fba8
```
#64fba8 rgb(100,251,168)
```
#7dfcb6
```
#7dfcb6 rgb(125,252,182)
```
#96fcc4
```
#96fcc4 rgb(150,252,196)
```
#affdd2
```
#affdd2 rgb(175,253,210)
```
#c8fee0
```
#c8fee0 rgb(200,254,224)
```
#e1feee
```
#e1feee rgb(225,254,238)
```
#fafffc
```
#fafffc rgb(250,255,252)
```

Monochromatic Color

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

#affdbf
```
#affdbf rgb(175,253,191)
```
#affdc5
```
#affdc5 rgb(175,253,197)
```
#affdcc
```
#affdcc rgb(175,253,204)
```
#affdd2
```
#affdd2 rgb(175,253,210)
```
#affdd9
```
#affdd9 rgb(175,253,217)
```
#affddf
```
#affddf rgb(175,253,223)
```
#affde6
```
#affde6 rgb(175,253,230)
```

Similar Colors

Text with hexadecimal color #affdd2

This text has a font color of #affdd2.

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

#affdd2 background color

This paragraph has a background color of #affdd2.

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

#affdd2 border color

This element has a border color of #affdd2.

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

CSS codes

.text {color:#affdd2;}

.background {background-color:#affdd2;}

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

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

#001007
```
#001007 rgb(0,16,7)
```
#012310
```
#012310 rgb(1,35,16)
```
#013619
```
#013619 rgb(1,54,25)
```
#024922
```
#024922 rgb(2,73,34)
```
#025c2b
```
#025c2b rgb(2,92,43)
```
#036f34
```
#036f34 rgb(3,111,52)
```
#03833c
```
#03833c rgb(3,131,60)
```
#049645
```
#049645 rgb(4,150,69)
```
#04a94e
```
#04a94e rgb(4,169,78)
```
#05bc57
```
#05bc57 rgb(5,188,87)
```
#05cf60
```
#05cf60 rgb(5,207,96)
```
#06e269
```
#06e269 rgb(6,226,105)
```
#06f571
```
#06f571 rgb(6,245,113)
```

Shade Color Variation

#16f97c
```
#16f97c rgb(22,249,124)
```
#29fa87
```
#29fa87 rgb(41,250,135)
```
#3cfa91
```
#3cfa91 rgb(60,250,145)
```
#4ffb9c
```
#4ffb9c rgb(79,251,156)
```
#62fba7
```
#62fba7 rgb(98,251,167)
```
#76fcb2
```
#76fcb2 rgb(118,252,178)
```
#89fcbc
```
#89fcbc rgb(137,252,188)
```
#9cfdc7
```
#9cfdc7 rgb(156,253,199)
```
#affdd2
```
#affdd2 rgb(175,253,210)
```
#c2fddd
```
#c2fddd rgb(194,253,221)
```
#d5fee8
```
#d5fee8 rgb(213,254,232)
```
#e8fef2
```
#e8fef2 rgb(232,254,242)
```
#fcfffd
```
#fcfffd rgb(252,255,253)
```

Tint Color Variation

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

#d5d7d6
```
#d5d7d6 rgb(213,215,214)
```
#d2dad6
```
#d2dad6 rgb(210,218,214)
```
#cfddd5
```
#cfddd5 rgb(207,221,213)
```
#cbe1d5
```
#cbe1d5 rgb(203,225,213)
```
#c8e4d5
```
#c8e4d5 rgb(200,228,213)
```
#c5e7d4
```
#c5e7d4 rgb(197,231,212)
```
#c2ead4
```
#c2ead4 rgb(194,234,212)
```
#bfedd4
```
#bfedd4 rgb(191,237,212)
```
#bcf0d3
```
#bcf0d3 rgb(188,240,211)
```
#b8f4d3
```
#b8f4d3 rgb(184,244,211)
```
#b5f7d3
```
#b5f7d3 rgb(181,247,211)
```
#b2fad2
```
#b2fad2 rgb(178,250,210)
```
#affdd2
```
#affdd2 rgb(175,253,210)
```

Tone Color Variation

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

#e1e1e1 Achromatopsia 0.005% of the population
#d7e7de Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8eccc Protanopia 1% of men
#ffe8e3 Deuteranopia 1% of men
#d0f2ff Tritanopia 0.001% of the population

Trichromacy

#def2ce Protanomaly 1% of men, 0.01% of women
#e1efdc Deuteranomaly 6% of men, 0.4% of women
#c4f6ee Tritanomaly 0.01% of the population

#affdd2 hex color

#affdd2 Color Information

#affdd2 Color Conversion

Color Schemes with #affdd2

Alternatives to #affdd2

#affdd2 Preview

Shades and Tints of #affdd2

Tones of #affdd2

Color Blindness Simulator