#aaf6dd hex color

In a RGB color space, hex #aaf6dd is composed of 66.7% red, 96.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 30.9% cyan, 0% magenta, 10.2% yellow and 3.5% black. It has a hue angle of 160.3 degrees, a saturation of 80.9% and a lightness of 81.6%. #aaf6dd color hex could be obtained by blending #ffffff with #55edbb. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 67
- G 96
- B 87
RGB color chart
- C 31
- M 0
- Y 10
- K 4
CMYK color chart

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

The hexadecimal color #aaf6dd has RGB values of R:170, G:246, B:221 and CMYK values of C:0.31, M:0, Y:0.1, K:0.04. Its decimal value is 11204317.

Hex triplet	aaf6dd	`#aaf6dd`
RGB Decimal	170, 246, 221	`rgb(170,246,221)`
RGB Percent	66.7, 96.5, 86.7	`rgb(66.7%,96.5%,86.7%)`
CMYK	31, 0, 10, 4
HSL	160.3°, 80.9, 81.6	`hsl(160.3,80.9%,81.6%)`
HSV (or HSB)	160.3°, 30.9, 96.5
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	91.539, -28.548, 4.578
XYZ	62.581, 79.675, 80.484
xyY	0.281, 0.358, 79.675
CIE-LCH	91.539, 28.913, 170.889
CIE-LUV	91.539, -36.729, 11.879
Hunter-Lab	89.261, -31.061, 9.023
Binary	10101010, 11110110, 11011101

#aaf6dd
```
#aaf6dd rgb(170,246,221)
```
#f6aac3
```
#f6aac3 rgb(246,170,195)
```

Complementary Color

#aaf6b7
```
#aaf6b7 rgb(170,246,183)
```
#aaf6dd
```
#aaf6dd rgb(170,246,221)
```
#aae9f6
```
#aae9f6 rgb(170,233,246)
```

Analogous Color

#f6b7aa
```
#f6b7aa rgb(246,183,170)
```
#aaf6dd
```
#aaf6dd rgb(170,246,221)
```
#f6aae9
```
#f6aae9 rgb(246,170,233)
```

Split Complementary Color

#f6ddaa
```
#f6ddaa rgb(246,221,170)
```
#aaf6dd
```
#aaf6dd rgb(170,246,221)
```
#ddaaf6
```
#ddaaf6 rgb(221,170,246)
```

Triadic Color

#c3f6aa
```
#c3f6aa rgb(195,246,170)
```
#aaf6dd
```
#aaf6dd rgb(170,246,221)
```
#ddaaf6
```
#ddaaf6 rgb(221,170,246)
```
#f6aac3
```
#f6aac3 rgb(246,170,195)
```

Tetradic Color

#65efc1
```
#65efc1 rgb(101,239,193)
```
#7cf1cb
```
#7cf1cb rgb(124,241,203)
```
#93f4d4
```
#93f4d4 rgb(147,244,212)
```
#aaf6dd
```
#aaf6dd rgb(170,246,221)
```
#c1f8e6
```
#c1f8e6 rgb(193,248,230)
```
#d8fbef
```
#d8fbef rgb(216,251,239)
```
#effdf9
```
#effdf9 rgb(239,253,249)
```

Monochromatic Color

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

#aaf6ca
```
#aaf6ca rgb(170,246,202)
```
#aaf6d0
```
#aaf6d0 rgb(170,246,208)
```
#aaf6d7
```
#aaf6d7 rgb(170,246,215)
```
#aaf6dd
```
#aaf6dd rgb(170,246,221)
```
#aaf6e3
```
#aaf6e3 rgb(170,246,227)
```
#aaf6ea
```
#aaf6ea rgb(170,246,234)
```
#aaf6f0
```
#aaf6f0 rgb(170,246,240)
```

Similar Colors

Text with hexadecimal color #aaf6dd

This text has a font color of #aaf6dd.

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

#aaf6dd background color

This paragraph has a background color of #aaf6dd.

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

#aaf6dd border color

This element has a border color of #aaf6dd.

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

CSS codes

.text {color:#aaf6dd;}

.background {background-color:#aaf6dd;}

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

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

#000403
```
#000403 rgb(0,4,3)
```
#02150f
```
#02150f rgb(2,21,15)
```
#04271c
```
#04271c rgb(4,39,28)
```
#063928
```
#063928 rgb(6,57,40)
```
#084b35
```
#084b35 rgb(8,75,53)
```
#0a5c41
```
#0a5c41 rgb(10,92,65)
```
#0c6e4e
```
#0c6e4e rgb(12,110,78)
```
#0e805a
```
#0e805a rgb(14,128,90)
```
#0f9267
```
#0f9267 rgb(15,146,103)
```
#11a373
```
#11a373 rgb(17,163,115)
```
#13b580
```
#13b580 rgb(19,181,128)
```
#15c78c
```
#15c78c rgb(21,199,140)
```
#17d999
```
#17d999 rgb(23,217,153)
```

Shade Color Variation

#1ce7a4
```
#1ce7a4 rgb(28,231,164)
```
#2ee9ab
```
#2ee9ab rgb(46,233,171)
```
#40ebb2
```
#40ebb2 rgb(64,235,178)
```
#51edba
```
#51edba rgb(81,237,186)
```
#63eec1
```
#63eec1 rgb(99,238,193)
```
#75f0c8
```
#75f0c8 rgb(117,240,200)
```
#87f2cf
```
#87f2cf rgb(135,242,207)
```
#98f4d6
```
#98f4d6 rgb(152,244,214)
```
#aaf6dd
```
#aaf6dd rgb(170,246,221)
```
#bcf8e4
```
#bcf8e4 rgb(188,248,228)
```
#cdfaeb
```
#cdfaeb rgb(205,250,235)
```
#dffcf2
```
#dffcf2 rgb(223,252,242)
```
#f1fef9
```
#f1fef9 rgb(241,254,249)
```

Tint Color Variation

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

#ced2d1
```
#ced2d1 rgb(206,210,209)
```
#cbd5d2
```
#cbd5d2 rgb(203,213,210)
```
#c7d9d3
```
#c7d9d3 rgb(199,217,211)
```
#c3ddd4
```
#c3ddd4 rgb(195,221,212)
```
#c0e0d6
```
#c0e0d6 rgb(192,224,214)
```
#bce4d7
```
#bce4d7 rgb(188,228,215)
```
#b8e8d8
```
#b8e8d8 rgb(184,232,216)
```
#b5ebd9
```
#b5ebd9 rgb(181,235,217)
```
#b1efdb
```
#b1efdb rgb(177,239,219)
```
#aef2dc
```
#aef2dc rgb(174,242,220)
```
#aaf6dd
```
#aaf6dd rgb(170,246,221)
```
#a6fade
```
#a6fade rgb(166,250,222)
```
#a3fddf
```
#a3fddf rgb(163,253,223)
```

Tone Color Variation

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

#dcdcdc Achromatopsia 0.005% of the population
#d2e1dc Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0e7d7 Protanopia 1% of men
#fde1e5 Deuteranopia 1% of men
#bfefff Tritanopia 0.001% of the population

Trichromacy

#d6ecd9 Protanomaly 1% of men, 0.01% of women
#dfe8e2 Deuteranomaly 6% of men, 0.4% of women
#b7f2f2 Tritanomaly 0.01% of the population

#aaf6dd hex color

#aaf6dd Color Information

#aaf6dd Color Conversion

Color Schemes with #aaf6dd

Alternatives to #aaf6dd

#aaf6dd Preview

Shades and Tints of #aaf6dd

Tones of #aaf6dd

Color Blindness Simulator