#aaf2f1 hex color

In a RGB color space, hex #aaf2f1 is composed of 66.7% red, 94.9% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 29.8% cyan, 0% magenta, 0.4% yellow and 5.1% black. It has a hue angle of 179.2 degrees, a saturation of 73.5% and a lightness of 80.8%. #aaf2f1 color hex could be obtained by blending #ffffff with #55e5e3. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 67
- G 95
- B 95
RGB color chart
- C 30
- M 0
- Y 0
- K 5
CMYK color chart

● #aaf2f1 color description : Very soft cyan.

The hexadecimal color #aaf2f1 has RGB values of R:170, G:242, B:241 and CMYK values of C:0.3, M:0, Y:0, K:0.05. Its decimal value is 11203313.

Hex triplet	aaf2f1	`#aaf2f1`
RGB Decimal	170, 242, 241	`rgb(170,242,241)`
RGB Percent	66.7, 94.9, 94.5	`rgb(66.7%,94.9%,94.5%)`
CMYK	30, 0, 0, 5
HSL	179.2°, 73.5, 80.8	`hsl(179.2,73.5%,80.8%)`
HSV (or HSB)	179.2°, 29.8, 94.9
Web Safe	99ffff	`#99ffff`

CIE-LAB	90.961, -22.333, -6.67
XYZ	64.203, 78.398, 94.964
xyY	0.27, 0.33, 78.398
CIE-LCH	90.961, 23.308, 196.629
CIE-LUV	90.961, -34.821, -6.715
Hunter-Lab	88.543, -25.519, -1.609
Binary	10101010, 11110010, 11110001

#aaf2f1
```
#aaf2f1 rgb(170,242,241)
```
#f2aaab
```
#f2aaab rgb(242,170,171)
```

Complementary Color

#aaf2cd
```
#aaf2cd rgb(170,242,205)
```
#aaf2f1
```
#aaf2f1 rgb(170,242,241)
```
#aacff2
```
#aacff2 rgb(170,207,242)
```

Analogous Color

#f2cdaa
```
#f2cdaa rgb(242,205,170)
```
#aaf2f1
```
#aaf2f1 rgb(170,242,241)
```
#f2aacf
```
#f2aacf rgb(242,170,207)
```

Split Complementary Color

#f2f1aa
```
#f2f1aa rgb(242,241,170)
```
#aaf2f1
```
#aaf2f1 rgb(170,242,241)
```
#f1aaf2
```
#f1aaf2 rgb(241,170,242)
```

Triadic Color

#abf2aa
```
#abf2aa rgb(171,242,170)
```
#aaf2f1
```
#aaf2f1 rgb(170,242,241)
```
#f1aaf2
```
#f1aaf2 rgb(241,170,242)
```
#f2aaab
```
#f2aaab rgb(242,170,171)
```

Tetradic Color

#68e8e6
```
#68e8e6 rgb(104,232,230)
```
#7eebea
```
#7eebea rgb(126,235,234)
```
#94efed
```
#94efed rgb(148,239,237)
```
#aaf2f1
```
#aaf2f1 rgb(170,242,241)
```
#c0f5f5
```
#c0f5f5 rgb(192,245,245)
```
#d6f9f8
```
#d6f9f8 rgb(214,249,248)
```
#ecfcfc
```
#ecfcfc rgb(236,252,252)
```

Monochromatic Color

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

#aaf2df
```
#aaf2df rgb(170,242,223)
```
#aaf2e5
```
#aaf2e5 rgb(170,242,229)
```
#aaf2eb
```
#aaf2eb rgb(170,242,235)
```
#aaf2f1
```
#aaf2f1 rgb(170,242,241)
```
#aaedf2
```
#aaedf2 rgb(170,237,242)
```
#aae7f2
```
#aae7f2 rgb(170,231,242)
```
#aae1f2
```
#aae1f2 rgb(170,225,242)
```

Similar Colors

Text with hexadecimal color #aaf2f1

This text has a font color of #aaf2f1.

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

#aaf2f1 background color

This paragraph has a background color of #aaf2f1.

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

#aaf2f1 border color

This element has a border color of #aaf2f1.

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

CSS codes

.text {color:#aaf2f1;}

.background {background-color:#aaf2f1;}

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

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 #eefcfc is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#031111
```
#031111 rgb(3,17,17)
```
#052222
```
#052222 rgb(5,34,34)
```
#083333
```
#083333 rgb(8,51,51)
```
#0a4443
```
#0a4443 rgb(10,68,67)
```
#0d5554
```
#0d5554 rgb(13,85,84)
```
#106665
```
#106665 rgb(16,102,101)
```
#127776
```
#127776 rgb(18,119,118)
```
#158887
```
#158887 rgb(21,136,135)
```
#179997
```
#179997 rgb(23,153,151)
```
#1aaaa8
```
#1aaaa8 rgb(26,170,168)
```
#1dbbb9
```
#1dbbb9 rgb(29,187,185)
```
#1fccca
```
#1fccca rgb(31,204,202)
```

Shade Color Variation

#22dddb
```
#22dddb rgb(34,221,219)
```
#33e0dd
```
#33e0dd rgb(51,224,221)
```
#44e2e0
```
#44e2e0 rgb(68,226,224)
```
#55e5e3
```
#55e5e3 rgb(85,229,227)
```
#66e8e6
```
#66e8e6 rgb(102,232,230)
```
#77eae9
```
#77eae9 rgb(119,234,233)
```
#88edeb
```
#88edeb rgb(136,237,235)
```
#99efee
```
#99efee rgb(153,239,238)
```
#aaf2f1
```
#aaf2f1 rgb(170,242,241)
```
#bbf5f4
```
#bbf5f4 rgb(187,245,244)
```
#ccf7f7
```
#ccf7f7 rgb(204,247,247)
```
#ddfaf9
```
#ddfaf9 rgb(221,250,249)
```
#eefcfc
```
#eefcfc rgb(238,252,252)
```

Tint Color Variation

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

#ccd0d0
```
#ccd0d0 rgb(204,208,208)
```
#c8d4d4
```
#c8d4d4 rgb(200,212,212)
```
#c4d8d7
```
#c4d8d7 rgb(196,216,215)
```
#c1dbdb
```
#c1dbdb rgb(193,219,219)
```
#bddfdf
```
#bddfdf rgb(189,223,223)
```
#b9e3e2
```
#b9e3e2 rgb(185,227,226)
```
#b5e7e6
```
#b5e7e6 rgb(181,231,230)
```
#b2eaea
```
#b2eaea rgb(178,234,234)
```
#aeeeed
```
#aeeeed rgb(174,238,237)
```
#aaf2f1
```
#aaf2f1 rgb(170,242,241)
```
#a6f6f5
```
#a6f6f5 rgb(166,246,245)
```
#a2faf8
```
#a2faf8 rgb(162,250,248)
```
#9ffdfc
```
#9ffdfc rgb(159,253,252)
```

Tone Color Variation

Below, you can see how #aaf2f1 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
#d2e0e0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8e5ea Protanopia 1% of men
#f3e0f8 Deuteranopia 1% of men
#b9efff Tritanopia 0.001% of the population

Trichromacy

#d2e9ec Protanomaly 1% of men, 0.01% of women
#d8e6f5 Deuteranomaly 6% of men, 0.4% of women
#b3f0f9 Tritanomaly 0.01% of the population

#aaf2f1 hex color

#aaf2f1 Color Information

#aaf2f1 Color Conversion

Color Schemes with #aaf2f1

Alternatives to #aaf2f1

#aaf2f1 Preview

Shades and Tints of #aaf2f1

Tones of #aaf2f1

Color Blindness Simulator