#8ae2d6 hex color

In a RGB color space, hex #8ae2d6 is composed of 54.1% red, 88.6% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 38.9% cyan, 0% magenta, 5.3% yellow and 11.4% black. It has a hue angle of 171.8 degrees, a saturation of 60.3% and a lightness of 71.4%. #8ae2d6 color hex could be obtained by blending #ffffff with #15c5ad. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 54
- G 89
- B 84
RGB color chart
- C 39
- M 0
- Y 5
- K 11
CMYK color chart

● #8ae2d6 color description : Very soft cyan.

The hexadecimal color #8ae2d6 has RGB values of R:138, G:226, B:214 and CMYK values of C:0.39, M:0, Y:0.05, K:0.11. Its decimal value is 9102038.

Hex triplet	8ae2d6	`#8ae2d6`
RGB Decimal	138, 226, 214	`rgb(138,226,214)`
RGB Percent	54.1, 88.6, 83.9	`rgb(54.1%,88.6%,83.9%)`
CMYK	39, 0, 5, 11
HSL	171.8°, 60.3, 71.4	`hsl(171.8,60.3%,71.4%)`
HSV (or HSB)	171.8°, 38.9, 88.6
Web Safe	99cccc	`#99cccc`

CIE-LAB	84.302, -29.217, -2.484
XYZ	49.812, 64.648, 73.468
xyY	0.265, 0.344, 64.648
CIE-LCH	84.302, 29.322, 184.86
CIE-LUV	84.302, -40.713, 0.995
Hunter-Lab	80.404, -30.123, 2.107
Binary	10001010, 11100010, 11010110

#8ae2d6
```
#8ae2d6 rgb(138,226,214)
```
#e28a96
```
#e28a96 rgb(226,138,150)
```

Complementary Color

#8ae2aa
```
#8ae2aa rgb(138,226,170)
```
#8ae2d6
```
#8ae2d6 rgb(138,226,214)
```
#8ac2e2
```
#8ac2e2 rgb(138,194,226)
```

Analogous Color

#e2aa8a
```
#e2aa8a rgb(226,170,138)
```
#8ae2d6
```
#8ae2d6 rgb(138,226,214)
```
#e28ac2
```
#e28ac2 rgb(226,138,194)
```

Split Complementary Color

#e2d68a
```
#e2d68a rgb(226,214,138)
```
#8ae2d6
```
#8ae2d6 rgb(138,226,214)
```
#d68ae2
```
#d68ae2 rgb(214,138,226)
```

Triadic Color

#96e28a
```
#96e28a rgb(150,226,138)
```
#8ae2d6
```
#8ae2d6 rgb(138,226,214)
```
#d68ae2
```
#d68ae2 rgb(214,138,226)
```
#e28a96
```
#e28a96 rgb(226,138,150)
```

Tetradic Color

#4dd3c1
```
#4dd3c1 rgb(77,211,193)
```
#61d8c8
```
#61d8c8 rgb(97,216,200)
```
#76ddcf
```
#76ddcf rgb(118,221,207)
```
#8ae2d6
```
#8ae2d6 rgb(138,226,214)
```
#9ee7dd
```
#9ee7dd rgb(158,231,221)
```
#b3ece4
```
#b3ece4 rgb(179,236,228)
```
#c7f1eb
```
#c7f1eb rgb(199,241,235)
```

Monochromatic Color

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

#8ae2c0
```
#8ae2c0 rgb(138,226,192)
```
#8ae2c7
```
#8ae2c7 rgb(138,226,199)
```
#8ae2cf
```
#8ae2cf rgb(138,226,207)
```
#8ae2d6
```
#8ae2d6 rgb(138,226,214)
```
#8ae2dd
```
#8ae2dd rgb(138,226,221)
```
#8adfe2
```
#8adfe2 rgb(138,223,226)
```
#8ad8e2
```
#8ad8e2 rgb(138,216,226)
```

Similar Colors

Text with hexadecimal color #8ae2d6

This text has a font color of #8ae2d6.

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

#8ae2d6 background color

This paragraph has a background color of #8ae2d6.

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

#8ae2d6 border color

This element has a border color of #8ae2d6.

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

CSS codes

.text {color:#8ae2d6;}

.background {background-color:#8ae2d6;}

.border {border:1px solid #8ae2d6;}

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

#020908
```
#020908 rgb(2,9,8)
```
#061816
```
#061816 rgb(6,24,22)
```
#0a2824
```
#0a2824 rgb(10,40,36)
```
#0e3832
```
#0e3832 rgb(14,56,50)
```
#124840
```
#124840 rgb(18,72,64)
```
#16574e
```
#16574e rgb(22,87,78)
```
#1a675c
```
#1a675c rgb(26,103,92)
```
#1d776b
```
#1d776b rgb(29,119,107)
```
#218779
```
#218779 rgb(33,135,121)
```
#259687
```
#259687 rgb(37,150,135)
```
#29a695
```
#29a695 rgb(41,166,149)
```
#2db6a3
```
#2db6a3 rgb(45,182,163)
```
#31c5b1
```
#31c5b1 rgb(49,197,177)
```

Shade Color Variation

#3bcfba
```
#3bcfba rgb(59,207,186)
```
#4bd2c0
```
#4bd2c0 rgb(75,210,192)
```
#5bd6c5
```
#5bd6c5 rgb(91,214,197)
```
#6bdacb
```
#6bdacb rgb(107,218,203)
```
#7aded0
```
#7aded0 rgb(122,222,208)
```
#8ae2d6
```
#8ae2d6 rgb(138,226,214)
```
#9ae6dc
```
#9ae6dc rgb(154,230,220)
```
#a9eae1
```
#a9eae1 rgb(169,234,225)
```
#b9eee7
```
#b9eee7 rgb(185,238,231)
```
#c9f2ec
```
#c9f2ec rgb(201,242,236)
```
#d9f5f2
```
#d9f5f2 rgb(217,245,242)
```
#e8f9f7
```
#e8f9f7 rgb(232,249,247)
```
#f8fdfd
```
#f8fdfd rgb(248,253,253)
```

Tint Color Variation

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

#b1bbb9
```
#b1bbb9 rgb(177,187,185)
```
#acc0bd
```
#acc0bd rgb(172,192,189)
```
#a6c6c2
```
#a6c6c2 rgb(166,198,194)
```
#a0ccc6
```
#a0ccc6 rgb(160,204,198)
```
#9bd1ca
```
#9bd1ca rgb(155,209,202)
```
#95d7ce
```
#95d7ce rgb(149,215,206)
```
#90dcd2
```
#90dcd2 rgb(144,220,210)
```
#8ae2d6
```
#8ae2d6 rgb(138,226,214)
```
#84e8da
```
#84e8da rgb(132,232,218)
```
#7fedde
```
#7fedde rgb(127,237,222)
```
#79f3e2
```
#79f3e2 rgb(121,243,226)
```
#74f8e6
```
#74f8e6 rgb(116,248,230)
```
#6efeea
```
#6efeea rgb(110,254,234)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#baccc9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9d3cf Protanopia 1% of men
#e3cedf Deuteranopia 1% of men
#97dff0 Tritanopia 0.001% of the population

Trichromacy

#bcd8d2 Protanomaly 1% of men, 0.01% of women
#c2d5db Deuteranomaly 6% of men, 0.4% of women
#92e0e6 Tritanomaly 0.01% of the population

#8ae2d6 hex color

#8ae2d6 Color Information

#8ae2d6 Color Conversion

Color Schemes with #8ae2d6

Alternatives to #8ae2d6

#8ae2d6 Preview

Shades and Tints of #8ae2d6

Tones of #8ae2d6

Color Blindness Simulator