#afedd2 hex color

In a RGB color space, hex #afedd2 is composed of 68.6% red, 92.9% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 0% magenta, 11.4% yellow and 7.1% black. It has a hue angle of 153.9 degrees, a saturation of 63.3% and a lightness of 80.8%. #afedd2 color hex could be obtained by blending #ffffff with #5fdba5. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 69
- G 93
- B 82
RGB color chart
- C 26
- M 0
- Y 11
- K 7
CMYK color chart

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

The hexadecimal color #afedd2 has RGB values of R:175, G:237, B:210 and CMYK values of C:0.26, M:0, Y:0.11, K:0.07. Its decimal value is 11529682.

Hex triplet	afedd2	`#afedd2`
RGB Decimal	175, 237, 210	`rgb(175,237,210)`
RGB Percent	68.6, 92.9, 82.4	`rgb(68.6%,92.9%,82.4%)`
CMYK	26, 0, 11, 7
HSL	153.9°, 63.3, 80.8	`hsl(153.9,63.3%,80.8%)`
HSV (or HSB)	153.9°, 26.2, 92.9
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	89.08, -24.984, 6.787
XYZ	59.593, 74.333, 72.177
xyY	0.289, 0.361, 74.333
CIE-LCH	89.08, 25.889, 164.802
CIE-LUV	89.08, -30.673, 14.556
Hunter-Lab	86.217, -27.5, 10.717
Binary	10101111, 11101101, 11010010

#afedd2
```
#afedd2 rgb(175,237,210)
```
#edafca
```
#edafca rgb(237,175,202)
```

Complementary Color

#afedb3
```
#afedb3 rgb(175,237,179)
```
#afedd2
```
#afedd2 rgb(175,237,210)
```
#afe9ed
```
#afe9ed rgb(175,233,237)
```

Analogous Color

#edb3af
```
#edb3af rgb(237,179,175)
```
#afedd2
```
#afedd2 rgb(175,237,210)
```
#edafe9
```
#edafe9 rgb(237,175,233)
```

Split Complementary Color

#edd2af
```
#edd2af rgb(237,210,175)
```
#afedd2
```
#afedd2 rgb(175,237,210)
```
#d2afed
```
#d2afed rgb(210,175,237)
```

Triadic Color

#caedaf
```
#caedaf rgb(202,237,175)
```
#afedd2
```
#afedd2 rgb(175,237,210)
```
#d2afed
```
#d2afed rgb(210,175,237)
```
#edafca
```
#edafca rgb(237,175,202)
```

Tetradic Color

#71dfaf
```
#71dfaf rgb(113,223,175)
```
#85e4bb
```
#85e4bb rgb(133,228,187)
```
#9ae8c6
```
#9ae8c6 rgb(154,232,198)
```
#afedd2
```
#afedd2 rgb(175,237,210)
```
#c4f2de
```
#c4f2de rgb(196,242,222)
```
#d9f6e9
```
#d9f6e9 rgb(217,246,233)
```
#edfbf5
```
#edfbf5 rgb(237,251,245)
```

Monochromatic Color

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

#afedc3
```
#afedc3 rgb(175,237,195)
```
#afedc8
```
#afedc8 rgb(175,237,200)
```
#afedcd
```
#afedcd rgb(175,237,205)
```
#afedd2
```
#afedd2 rgb(175,237,210)
```
#afedd7
```
#afedd7 rgb(175,237,215)
```
#afeddc
```
#afeddc rgb(175,237,220)
```
#afede2
```
#afede2 rgb(175,237,226)
```

Similar Colors

Text with hexadecimal color #afedd2

This text has a font color of #afedd2.

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

#afedd2 background color

This paragraph has a background color of #afedd2.

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

#afedd2 border color

This element has a border color of #afedd2.

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

CSS codes

.text {color:#afedd2;}

.background {background-color:#afedd2;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#04100b
```
#04100b rgb(4,16,11)
```
#072015
```
#072015 rgb(7,32,21)
```
#0b3020
```
#0b3020 rgb(11,48,32)
```
#0e402a
```
#0e402a rgb(14,64,42)
```
#125035
```
#125035 rgb(18,80,53)
```
#166040
```
#166040 rgb(22,96,64)
```
#19704a
```
#19704a rgb(25,112,74)
```
#1d8055
```
#1d8055 rgb(29,128,85)
```
#209060
```
#209060 rgb(32,144,96)
```
#24a06a
```
#24a06a rgb(36,160,106)
```
#28b075
```
#28b075 rgb(40,176,117)
```
#2bc07f
```
#2bc07f rgb(43,192,127)
```

Shade Color Variation

#2fd08a
```
#2fd08a rgb(47,208,138)
```
#3fd493
```
#3fd493 rgb(63,212,147)
```
#4fd79c
```
#4fd79c rgb(79,215,156)
```
#5fdba5
```
#5fdba5 rgb(95,219,165)
```
#6fdfae
```
#6fdfae rgb(111,223,174)
```
#7fe2b7
```
#7fe2b7 rgb(127,226,183)
```
#8fe6c0
```
#8fe6c0 rgb(143,230,192)
```
#9fe9c9
```
#9fe9c9 rgb(159,233,201)
```
#afedd2
```
#afedd2 rgb(175,237,210)
```
#bff1db
```
#bff1db rgb(191,241,219)
```
#cff4e4
```
#cff4e4 rgb(207,244,228)
```
#dff8ed
```
#dff8ed rgb(223,248,237)
```
#effbf6
```
#effbf6 rgb(239,251,246)
```

Tint Color Variation

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

#cdcfce
```
#cdcfce rgb(205,207,206)
```
#c9d3cf
```
#c9d3cf rgb(201,211,207)
```
#c6d6cf
```
#c6d6cf rgb(198,214,207)
```
#c2dad0
```
#c2dad0 rgb(194,218,208)
```
#beded0
```
#beded0 rgb(190,222,208)
```
#bae2d1
```
#bae2d1 rgb(186,226,209)
```
#b7e5d1
```
#b7e5d1 rgb(183,229,209)
```
#b3e9d2
```
#b3e9d2 rgb(179,233,210)
```
#afedd2
```
#afedd2 rgb(175,237,210)
```
#abf1d2
```
#abf1d2 rgb(171,241,210)
```
#a7f5d3
```
#a7f5d3 rgb(167,245,211)
```
#a4f8d3
```
#a4f8d3 rgb(164,248,211)
```
#a0fcd4
```
#a0fcd4 rgb(160,252,212)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#cfdbd6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9e0cd Protanopia 1% of men
#f8dada Deuteranopia 1% of men
#bce8f9 Tritanopia 0.001% of the population

Trichromacy

#d4e5cf Protanomaly 1% of men, 0.01% of women
#dde1d7 Deuteranomaly 6% of men, 0.4% of women
#b7eaea Tritanomaly 0.01% of the population

#afedd2 hex color

#afedd2 Color Information

#afedd2 Color Conversion

Color Schemes with #afedd2

Alternatives to #afedd2

#afedd2 Preview

Shades and Tints of #afedd2

Tones of #afedd2

Color Blindness Simulator