#aaf6f2 hex color

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

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

● #aaf6f2 color description : Very soft cyan.

The hexadecimal color #aaf6f2 has RGB values of R:170, G:246, B:242 and CMYK values of C:0.31, M:0, Y:0.02, K:0.04. Its decimal value is 11204338.

Hex triplet	aaf6f2	`#aaf6f2`
RGB Decimal	170, 246, 242	`rgb(170,246,242)`
RGB Percent	66.7, 96.5, 94.9	`rgb(66.7%,96.5%,94.9%)`
CMYK	31, 0, 2, 4
HSL	176.8°, 80.9, 81.6	`hsl(176.8,80.9%,81.6%)`
HSV (or HSB)	176.8°, 30.9, 96.5
Web Safe	99ffff	`#99ffff`

CIE-LAB	92.072, -24.058, -5.55
XYZ	65.556, 80.865, 96.154
xyY	0.27, 0.333, 80.865
CIE-LCH	92.072, 24.69, 192.991
CIE-LUV	92.072, -36.504, -4.655
Hunter-Lab	89.925, -27.241, -0.449
Binary	10101010, 11110110, 11110010

#aaf6f2
```
#aaf6f2 rgb(170,246,242)
```
#f6aaae
```
#f6aaae rgb(246,170,174)
```

Complementary Color

#aaf6cc
```
#aaf6cc rgb(170,246,204)
```
#aaf6f2
```
#aaf6f2 rgb(170,246,242)
```
#aad4f6
```
#aad4f6 rgb(170,212,246)
```

Analogous Color

#f6ccaa
```
#f6ccaa rgb(246,204,170)
```
#aaf6f2
```
#aaf6f2 rgb(170,246,242)
```
#f6aad4
```
#f6aad4 rgb(246,170,212)
```

Split Complementary Color

#f6f2aa
```
#f6f2aa rgb(246,242,170)
```
#aaf6f2
```
#aaf6f2 rgb(170,246,242)
```
#f2aaf6
```
#f2aaf6 rgb(242,170,246)
```

Triadic Color

#aef6aa
```
#aef6aa rgb(174,246,170)
```
#aaf6f2
```
#aaf6f2 rgb(170,246,242)
```
#f2aaf6
```
#f2aaf6 rgb(242,170,246)
```
#f6aaae
```
#f6aaae rgb(246,170,174)
```

Tetradic Color

#65efe7
```
#65efe7 rgb(101,239,231)
```
#7cf1eb
```
#7cf1eb rgb(124,241,235)
```
#93f4ee
```
#93f4ee rgb(147,244,238)
```
#aaf6f2
```
#aaf6f2 rgb(170,246,242)
```
#c1f8f6
```
#c1f8f6 rgb(193,248,246)
```
#d8fbf9
```
#d8fbf9 rgb(216,251,249)
```
#effdfd
```
#effdfd rgb(239,253,253)
```

Monochromatic Color

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

#aaf6df
```
#aaf6df rgb(170,246,223)
```
#aaf6e5
```
#aaf6e5 rgb(170,246,229)
```
#aaf6ec
```
#aaf6ec rgb(170,246,236)
```
#aaf6f2
```
#aaf6f2 rgb(170,246,242)
```
#aaf4f6
```
#aaf4f6 rgb(170,244,246)
```
#aaedf6
```
#aaedf6 rgb(170,237,246)
```
#aae7f6
```
#aae7f6 rgb(170,231,246)
```

Similar Colors

Text with hexadecimal color #aaf6f2

This text has a font color of #aaf6f2.

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

#aaf6f2 background color

This paragraph has a background color of #aaf6f2.

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

#aaf6f2 border color

This element has a border color of #aaf6f2.

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

CSS codes

.text {color:#aaf6f2;}

.background {background-color:#aaf6f2;}

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

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

#000404
```
#000404 rgb(0,4,4)
```
#021514
```
#021514 rgb(2,21,20)
```
#042725
```
#042725 rgb(4,39,37)
```
#063936
```
#063936 rgb(6,57,54)
```
#084b47
```
#084b47 rgb(8,75,71)
```
#0a5c58
```
#0a5c58 rgb(10,92,88)
```
#0c6e69
```
#0c6e69 rgb(12,110,105)
```
#0e807a
```
#0e807a rgb(14,128,122)
```
#0f928b
```
#0f928b rgb(15,146,139)
```
#11a39c
```
#11a39c rgb(17,163,156)
```
#13b5ad
```
#13b5ad rgb(19,181,173)
```
#15c7bd
```
#15c7bd rgb(21,199,189)
```
#17d9ce
```
#17d9ce rgb(23,217,206)
```

Shade Color Variation

#1ce7dc
```
#1ce7dc rgb(28,231,220)
```
#2ee9df
```
#2ee9df rgb(46,233,223)
```
#40ebe2
```
#40ebe2 rgb(64,235,226)
```
#51ede4
```
#51ede4 rgb(81,237,228)
```
#63eee7
```
#63eee7 rgb(99,238,231)
```
#75f0ea
```
#75f0ea rgb(117,240,234)
```
#87f2ed
```
#87f2ed rgb(135,242,237)
```
#98f4ef
```
#98f4ef rgb(152,244,239)
```
#aaf6f2
```
#aaf6f2 rgb(170,246,242)
```
#bcf8f5
```
#bcf8f5 rgb(188,248,245)
```
#cdfaf7
```
#cdfaf7 rgb(205,250,247)
```
#dffcfa
```
#dffcfa rgb(223,252,250)
```
#f1fefd
```
#f1fefd rgb(241,254,253)
```

Tint Color Variation

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

#ced2d2
```
#ced2d2 rgb(206,210,210)
```
#cbd5d5
```
#cbd5d5 rgb(203,213,213)
```
#c7d9d8
```
#c7d9d8 rgb(199,217,216)
```
#c3dddb
```
#c3dddb rgb(195,221,219)
```
#c0e0df
```
#c0e0df rgb(192,224,223)
```
#bce4e2
```
#bce4e2 rgb(188,228,226)
```
#b8e8e5
```
#b8e8e5 rgb(184,232,229)
```
#b5ebe8
```
#b5ebe8 rgb(181,235,232)
```
#b1efec
```
#b1efec rgb(177,239,236)
```
#aef2ef
```
#aef2ef rgb(174,242,239)
```
#aaf6f2
```
#aaf6f2 rgb(170,246,242)
```
#a6faf5
```
#a6faf5 rgb(166,250,245)
```
#a3fdf8
```
#a3fdf8 rgb(163,253,248)
```

Tone Color Variation

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

#dfdfdf Achromatopsia 0.005% of the population
#d4e4e3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ece8eb Protanopia 1% of men
#f7e3f9 Deuteranopia 1% of men
#c2f1ff Tritanopia 0.001% of the population

Trichromacy

#d4eded Protanomaly 1% of men, 0.01% of women
#dbeaf6 Deuteranomaly 6% of men, 0.4% of women
#b9f2fa Tritanomaly 0.01% of the population

#aaf6f2 hex color

#aaf6f2 Color Information

#aaf6f2 Color Conversion

Color Schemes with #aaf6f2

Alternatives to #aaf6f2

#aaf6f2 Preview

Shades and Tints of #aaf6f2

Tones of #aaf6f2

Color Blindness Simulator