#aef5f4 hex color

In a RGB color space, hex #aef5f4 is composed of 68.2% red, 96.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 29% cyan, 0% magenta, 0.4% yellow and 3.9% black. It has a hue angle of 179.2 degrees, a saturation of 78% and a lightness of 82.2%. #aef5f4 color hex could be obtained by blending #ffffff with #5debe9. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 68
- G 96
- B 96
RGB color chart
- C 29
- M 0
- Y 0
- K 4
CMYK color chart

● #aef5f4 color description : Very soft cyan.

The hexadecimal color #aef5f4 has RGB values of R:174, G:245, B:244 and CMYK values of C:0.29, M:0, Y:0, K:0.04. Its decimal value is 11466228.

Hex triplet	aef5f4	`#aef5f4`
RGB Decimal	174, 245, 244	`rgb(174,245,244)`
RGB Percent	68.2, 96.1, 95.7	`rgb(68.2%,96.1%,95.7%)`
CMYK	29, 0, 0, 4
HSL	179.2°, 78, 82.2	`hsl(179.2,78%,82.2%)`
HSV (or HSB)	179.2°, 29, 96.1
Web Safe	99ffff	`#99ffff`

CIE-LAB	92.057, -22.034, -6.589
XYZ	66.433, 80.832, 97.685
xyY	0.271, 0.33, 80.832
CIE-LCH	92.057, 22.998, 196.649
CIE-LUV	92.057, -34.462, -6.639
Hunter-Lab	89.907, -25.442, -1.484
Binary	10101110, 11110101, 11110100

#aef5f4
```
#aef5f4 rgb(174,245,244)
```
#f5aeaf
```
#f5aeaf rgb(245,174,175)
```

Complementary Color

#aef5d1
```
#aef5d1 rgb(174,245,209)
```
#aef5f4
```
#aef5f4 rgb(174,245,244)
```
#aed3f5
```
#aed3f5 rgb(174,211,245)
```

Analogous Color

#f5d1ae
```
#f5d1ae rgb(245,209,174)
```
#aef5f4
```
#aef5f4 rgb(174,245,244)
```
#f5aed3
```
#f5aed3 rgb(245,174,211)
```

Split Complementary Color

#f5f4ae
```
#f5f4ae rgb(245,244,174)
```
#aef5f4
```
#aef5f4 rgb(174,245,244)
```
#f4aef5
```
#f4aef5 rgb(244,174,245)
```

Triadic Color

#aff5ae
```
#aff5ae rgb(175,245,174)
```
#aef5f4
```
#aef5f4 rgb(174,245,244)
```
#f4aef5
```
#f4aef5 rgb(244,174,245)
```
#f5aeaf
```
#f5aeaf rgb(245,174,175)
```

Tetradic Color

#6aedeb
```
#6aedeb rgb(106,237,235)
```
#81efee
```
#81efee rgb(129,239,238)
```
#97f2f1
```
#97f2f1 rgb(151,242,241)
```
#aef5f4
```
#aef5f4 rgb(174,245,244)
```
#c5f8f7
```
#c5f8f7 rgb(197,248,247)
```
#dbfbfa
```
#dbfbfa rgb(219,251,250)
```
#f2fdfd
```
#f2fdfd rgb(242,253,253)
```

Monochromatic Color

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

#aef5e2
```
#aef5e2 rgb(174,245,226)
```
#aef5e8
```
#aef5e8 rgb(174,245,232)
```
#aef5ee
```
#aef5ee rgb(174,245,238)
```
#aef5f4
```
#aef5f4 rgb(174,245,244)
```
#aef0f5
```
#aef0f5 rgb(174,240,245)
```
#aeeaf5
```
#aeeaf5 rgb(174,234,245)
```
#aee4f5
```
#aee4f5 rgb(174,228,245)
```

Similar Colors

Text with hexadecimal color #aef5f4

This text has a font color of #aef5f4.

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

#aef5f4 background color

This paragraph has a background color of #aef5f4.

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

#aef5f4 border color

This element has a border color of #aef5f4.

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

CSS codes

.text {color:#aef5f4;}

.background {background-color:#aef5f4;}

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

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

#010606
```
#010606 rgb(1,6,6)
```
#031817
```
#031817 rgb(3,24,23)
```
#052929
```
#052929 rgb(5,41,41)
```
#073b3a
```
#073b3a rgb(7,59,58)
```
#094c4b
```
#094c4b rgb(9,76,75)
```
#0c5e5c
```
#0c5e5c rgb(12,94,92)
```
#0e6f6e
```
#0e6f6e rgb(14,111,110)
```
#10817f
```
#10817f rgb(16,129,127)
```
#129290
```
#129290 rgb(18,146,144)
```
#14a3a1
```
#14a3a1 rgb(20,163,161)
```
#16b5b3
```
#16b5b3 rgb(22,181,179)
```
#18c6c4
```
#18c6c4 rgb(24,198,196)
```
#1bd8d5
```
#1bd8d5 rgb(27,216,213)
```

Shade Color Variation

#22e4e1
```
#22e4e1 rgb(34,228,225)
```
#34e6e3
```
#34e6e3 rgb(52,230,227)
```
#45e8e6
```
#45e8e6 rgb(69,232,230)
```
#57eae8
```
#57eae8 rgb(87,234,232)
```
#68eceb
```
#68eceb rgb(104,236,235)
```
#7aefed
```
#7aefed rgb(122,239,237)
```
#8bf1ef
```
#8bf1ef rgb(139,241,239)
```
#9df3f2
```
#9df3f2 rgb(157,243,242)
```
#aef5f4
```
#aef5f4 rgb(174,245,244)
```
#bff7f6
```
#bff7f6 rgb(191,247,246)
```
#d1f9f9
```
#d1f9f9 rgb(209,249,249)
```
#e2fbfb
```
#e2fbfb rgb(226,251,251)
```
#f4fefd
```
#f4fefd rgb(244,254,253)
```

Tint Color Variation

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

#d1d2d2
```
#d1d2d2 rgb(209,210,210)
```
#ced6d5
```
#ced6d5 rgb(206,214,213)
```
#cad9d9
```
#cad9d9 rgb(202,217,217)
```
#c7dddc
```
#c7dddc rgb(199,221,220)
```
#c3e0e0
```
#c3e0e0 rgb(195,224,224)
```
#c0e4e3
```
#c0e4e3 rgb(192,228,227)
```
#bce7e6
```
#bce7e6 rgb(188,231,230)
```
#b9ebea
```
#b9ebea rgb(185,235,234)
```
#b5eeed
```
#b5eeed rgb(181,238,237)
```
#b2f2f1
```
#b2f2f1 rgb(178,242,241)
```
#aef5f4
```
#aef5f4 rgb(174,245,244)
```
#abf9f7
```
#abf9f7 rgb(171,249,247)
```
#a7fcfb
```
#a7fcfb rgb(167,252,251)
```

Tone Color Variation

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

#e0e0e0 Achromatopsia 0.005% of the population
#d6e4e4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebe8ed Protanopia 1% of men
#f6e3fa Deuteranopia 1% of men
#c3f0ff Tritanopia 0.001% of the population

Trichromacy

#d5ecef Protanomaly 1% of men, 0.01% of women
#dce9f8 Deuteranomaly 6% of men, 0.4% of women
#bbf2fb Tritanomaly 0.01% of the population

#aef5f4 hex color

#aef5f4 Color Information

#aef5f4 Color Conversion

Color Schemes with #aef5f4

Alternatives to #aef5f4

#aef5f4 Preview

Shades and Tints of #aef5f4

Tones of #aef5f4

Color Blindness Simulator