#aaf8dc hex color

In a RGB color space, hex #aaf8dc is composed of 66.7% red, 97.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 31.5% cyan, 0% magenta, 11.3% yellow and 2.7% black. It has a hue angle of 158.5 degrees, a saturation of 84.8% and a lightness of 82%. #aaf8dc color hex could be obtained by blending #ffffff with #55f1b9. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 67
- G 97
- B 86
RGB color chart
- C 31
- M 0
- Y 11
- K 3
CMYK color chart

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

The hexadecimal color #aaf8dc has RGB values of R:170, G:248, B:220 and CMYK values of C:0.31, M:0, Y:0.11, K:0.03. Its decimal value is 11204828.

Hex triplet	aaf8dc	`#aaf8dc`
RGB Decimal	170, 248, 220	`rgb(170,248,220)`
RGB Percent	66.7, 97.3, 86.3	`rgb(66.7%,97.3%,86.3%)`
CMYK	31, 0, 11, 3
HSL	158.5°, 84.8, 82	`hsl(158.5,84.8%,82%)`
HSV (or HSB)	158.5°, 31.5, 97.3
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	92.063, -29.7, 5.853
XYZ	63.06, 80.845, 79.988
xyY	0.282, 0.361, 80.845
CIE-LCH	92.063, 30.271, 168.851
CIE-LUV	92.063, -37.608, 14.015
Hunter-Lab	89.914, -32.162, 10.195
Binary	10101010, 11111000, 11011100

#aaf8dc
```
#aaf8dc rgb(170,248,220)
```
#f8aac6
```
#f8aac6 rgb(248,170,198)
```

Complementary Color

#aaf8b5
```
#aaf8b5 rgb(170,248,181)
```
#aaf8dc
```
#aaf8dc rgb(170,248,220)
```
#aaedf8
```
#aaedf8 rgb(170,237,248)
```

Analogous Color

#f8b5aa
```
#f8b5aa rgb(248,181,170)
```
#aaf8dc
```
#aaf8dc rgb(170,248,220)
```
#f8aaed
```
#f8aaed rgb(248,170,237)
```

Split Complementary Color

#f8dcaa
```
#f8dcaa rgb(248,220,170)
```
#aaf8dc
```
#aaf8dc rgb(170,248,220)
```
#dcaaf8
```
#dcaaf8 rgb(220,170,248)
```

Triadic Color

#c6f8aa
```
#c6f8aa rgb(198,248,170)
```
#aaf8dc
```
#aaf8dc rgb(170,248,220)
```
#dcaaf8
```
#dcaaf8 rgb(220,170,248)
```
#f8aac6
```
#f8aac6 rgb(248,170,198)
```

Tetradic Color

#63f2bf
```
#63f2bf rgb(99,242,191)
```
#7bf4c9
```
#7bf4c9 rgb(123,244,201)
```
#92f6d2
```
#92f6d2 rgb(146,246,210)
```
#aaf8dc
```
#aaf8dc rgb(170,248,220)
```
#c2fae6
```
#c2fae6 rgb(194,250,230)
```
#d9fcef
```
#d9fcef rgb(217,252,239)
```
#f1fef9
```
#f1fef9 rgb(241,254,249)
```

Monochromatic Color

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

#aaf8c9
```
#aaf8c9 rgb(170,248,201)
```
#aaf8cf
```
#aaf8cf rgb(170,248,207)
```
#aaf8d6
```
#aaf8d6 rgb(170,248,214)
```
#aaf8dc
```
#aaf8dc rgb(170,248,220)
```
#aaf8e3
```
#aaf8e3 rgb(170,248,227)
```
#aaf8e9
```
#aaf8e9 rgb(170,248,233)
```
#aaf8f0
```
#aaf8f0 rgb(170,248,240)
```

Similar Colors

Text with hexadecimal color #aaf8dc

This text has a font color of #aaf8dc.

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

#aaf8dc background color

This paragraph has a background color of #aaf8dc.

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

#aaf8dc border color

This element has a border color of #aaf8dc.

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

CSS codes

.text {color:#aaf8dc;}

.background {background-color:#aaf8dc;}

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

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

#000604
```
#000604 rgb(0,6,4)
```
#021810
```
#021810 rgb(2,24,16)
```
#032a1c
```
#032a1c rgb(3,42,28)
```
#053c28
```
#053c28 rgb(5,60,40)
```
#064e34
```
#064e34 rgb(6,78,52)
```
#086041
```
#086041 rgb(8,96,65)
```
#09724d
```
#09724d rgb(9,114,77)
```
#0b8459
```
#0b8459 rgb(11,132,89)
```
#0c9765
```
#0c9765 rgb(12,151,101)
```
#0ea971
```
#0ea971 rgb(14,169,113)
```
#0fbb7d
```
#0fbb7d rgb(15,187,125)
```
#11cd89
```
#11cd89 rgb(17,205,137)
```
#12df96
```
#12df96 rgb(18,223,150)
```

Shade Color Variation

#19eca0
```
#19eca0 rgb(25,236,160)
```
#2beea8
```
#2beea8 rgb(43,238,168)
```
#3defaf
```
#3defaf rgb(61,239,175)
```
#4ff1b7
```
#4ff1b7 rgb(79,241,183)
```
#62f2be
```
#62f2be rgb(98,242,190)
```
#74f4c6
```
#74f4c6 rgb(116,244,198)
```
#86f5cd
```
#86f5cd rgb(134,245,205)
```
#98f7d5
```
#98f7d5 rgb(152,247,213)
```
#aaf8dc
```
#aaf8dc rgb(170,248,220)
```
#bcf9e3
```
#bcf9e3 rgb(188,249,227)
```
#cefbeb
```
#cefbeb rgb(206,251,235)
```
#e0fcf2
```
#e0fcf2 rgb(224,252,242)
```
#f2fefa
```
#f2fefa rgb(242,254,250)
```

Tint Color Variation

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

#d1d1d1
```
#d1d1d1 rgb(209,209,209)
```
#cdd5d2
```
#cdd5d2 rgb(205,213,210)
```
#cad8d3
```
#cad8d3 rgb(202,216,211)
```
#c6dcd4
```
#c6dcd4 rgb(198,220,212)
```
#c3dfd5
```
#c3dfd5 rgb(195,223,213)
```
#bfe3d6
```
#bfe3d6 rgb(191,227,214)
```
#bce6d7
```
#bce6d7 rgb(188,230,215)
```
#b8ead8
```
#b8ead8 rgb(184,234,216)
```
#b5edd9
```
#b5edd9 rgb(181,237,217)
```
#b1f1da
```
#b1f1da rgb(177,241,218)
```
#aef4db
```
#aef4db rgb(174,244,219)
```
#aaf8dc
```
#aaf8dc rgb(170,248,220)
```
#a6fcdd
```
#a6fcdd rgb(166,252,221)
```

Tone Color Variation

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

#dddddd Achromatopsia 0.005% of the population
#d3e2dd Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2e8d5 Protanopia 1% of men
#ffe2e5 Deuteranopia 1% of men
#c4f0ff Tritanopia 0.001% of the population

Trichromacy

#d7eed8 Protanomaly 1% of men, 0.01% of women
#e0eae2 Deuteranomaly 6% of men, 0.4% of women
#baf3f2 Tritanomaly 0.01% of the population

#aaf8dc hex color

#aaf8dc Color Information

#aaf8dc Color Conversion

Color Schemes with #aaf8dc

Alternatives to #aaf8dc

#aaf8dc Preview

Shades and Tints of #aaf8dc

Tones of #aaf8dc

Color Blindness Simulator