#8ae2cc hex color

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

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

● #8ae2cc color description : Very soft cyan.

The hexadecimal color #8ae2cc has RGB values of R:138, G:226, B:204 and CMYK values of C:0.39, M:0, Y:0.1, K:0.11. Its decimal value is 9102028.

Hex triplet	8ae2cc	`#8ae2cc`
RGB Decimal	138, 226, 204	`rgb(138,226,204)`
RGB Percent	54.1, 88.6, 80	`rgb(54.1%,88.6%,80%)`
CMYK	39, 0, 10, 11
HSL	165°, 60.3, 71.4	`hsl(165,60.3%,71.4%)`
HSV (or HSB)	165°, 38.9, 88.6
Web Safe	99cccc	`#99cccc`

CIE-LAB	84.045, -31.478, 2.425
XYZ	48.574, 64.153, 66.947
xyY	0.27, 0.357, 64.153
CIE-LCH	84.045, 31.572, 175.594
CIE-LUV	84.045, -40.964, 8.918
Hunter-Lab	80.096, -31.917, 6.51
Binary	10001010, 11100010, 11001100

#8ae2cc
```
#8ae2cc rgb(138,226,204)
```
#e28aa0
```
#e28aa0 rgb(226,138,160)
```

Complementary Color

#8ae2a0
```
#8ae2a0 rgb(138,226,160)
```
#8ae2cc
```
#8ae2cc rgb(138,226,204)
```
#8acce2
```
#8acce2 rgb(138,204,226)
```

Analogous Color

#e2a08a
```
#e2a08a rgb(226,160,138)
```
#8ae2cc
```
#8ae2cc rgb(138,226,204)
```
#e28acc
```
#e28acc rgb(226,138,204)
```

Split Complementary Color

#e2cc8a
```
#e2cc8a rgb(226,204,138)
```
#8ae2cc
```
#8ae2cc rgb(138,226,204)
```
#cc8ae2
```
#cc8ae2 rgb(204,138,226)
```

Triadic Color

#a0e28a
```
#a0e28a rgb(160,226,138)
```
#8ae2cc
```
#8ae2cc rgb(138,226,204)
```
#cc8ae2
```
#cc8ae2 rgb(204,138,226)
```
#e28aa0
```
#e28aa0 rgb(226,138,160)
```

Tetradic Color

#4dd3b1
```
#4dd3b1 rgb(77,211,177)
```
#61d8ba
```
#61d8ba rgb(97,216,186)
```
#76ddc3
```
#76ddc3 rgb(118,221,195)
```
#8ae2cc
```
#8ae2cc rgb(138,226,204)
```
#9ee7d5
```
#9ee7d5 rgb(158,231,213)
```
#b3ecde
```
#b3ecde rgb(179,236,222)
```
#c7f1e7
```
#c7f1e7 rgb(199,241,231)
```

Monochromatic Color

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

#8ae2b6
```
#8ae2b6 rgb(138,226,182)
```
#8ae2bd
```
#8ae2bd rgb(138,226,189)
```
#8ae2c5
```
#8ae2c5 rgb(138,226,197)
```
#8ae2cc
```
#8ae2cc rgb(138,226,204)
```
#8ae2d3
```
#8ae2d3 rgb(138,226,211)
```
#8ae2db
```
#8ae2db rgb(138,226,219)
```
#8ae2e2
```
#8ae2e2 rgb(138,226,226)
```

Similar Colors

Text with hexadecimal color #8ae2cc

This text has a font color of #8ae2cc.

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

#8ae2cc background color

This paragraph has a background color of #8ae2cc.

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

#8ae2cc border color

This element has a border color of #8ae2cc.

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

CSS codes

.text {color:#8ae2cc;}

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

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

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

#020907
```
#020907 rgb(2,9,7)
```
#061814
```
#061814 rgb(6,24,20)
```
#0a2821
```
#0a2821 rgb(10,40,33)
```
#0e382d
```
#0e382d rgb(14,56,45)
```
#12483a
```
#12483a rgb(18,72,58)
```
#165747
```
#165747 rgb(22,87,71)
```
#1a6754
```
#1a6754 rgb(26,103,84)
```
#1d7760
```
#1d7760 rgb(29,119,96)
```
#21876d
```
#21876d rgb(33,135,109)
```
#25967a
```
#25967a rgb(37,150,122)
```
#29a687
```
#29a687 rgb(41,166,135)
```
#2db694
```
#2db694 rgb(45,182,148)
```
#31c5a0
```
#31c5a0 rgb(49,197,160)
```

Shade Color Variation

#3bcfaa
```
#3bcfaa rgb(59,207,170)
```
#4bd2b1
```
#4bd2b1 rgb(75,210,177)
```
#5bd6b7
```
#5bd6b7 rgb(91,214,183)
```
#6bdabe
```
#6bdabe rgb(107,218,190)
```
#7adec5
```
#7adec5 rgb(122,222,197)
```
#8ae2cc
```
#8ae2cc rgb(138,226,204)
```
#9ae6d3
```
#9ae6d3 rgb(154,230,211)
```
#a9eada
```
#a9eada rgb(169,234,218)
```
#b9eee1
```
#b9eee1 rgb(185,238,225)
```
#c9f2e7
```
#c9f2e7 rgb(201,242,231)
```
#d9f5ee
```
#d9f5ee rgb(217,245,238)
```
#e8f9f5
```
#e8f9f5 rgb(232,249,245)
```
#f8fdfc
```
#f8fdfc rgb(248,253,252)
```

Tint Color Variation

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

#b1bbb8
```
#b1bbb8 rgb(177,187,184)
```
#acc0bb
```
#acc0bb rgb(172,192,187)
```
#a6c6be
```
#a6c6be rgb(166,198,190)
```
#a0ccc1
```
#a0ccc1 rgb(160,204,193)
```
#9bd1c4
```
#9bd1c4 rgb(155,209,196)
```
#95d7c6
```
#95d7c6 rgb(149,215,198)
```
#90dcc9
```
#90dcc9 rgb(144,220,201)
```
#8ae2cc
```
#8ae2cc rgb(138,226,204)
```
#84e8cf
```
#84e8cf rgb(132,232,207)
```
#7fedd2
```
#7fedd2 rgb(127,237,210)
```
#79f3d4
```
#79f3d4 rgb(121,243,212)
```
#74f8d7
```
#74f8d7 rgb(116,248,215)
```
#6efeda
```
#6efeda rgb(110,254,218)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#b9cbc6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dad3c6 Protanopia 1% of men
#e6cdd6 Deuteranopia 1% of men
#9adeee Tritanopia 0.001% of the population

Trichromacy

#bdd8c8 Protanomaly 1% of men, 0.01% of women
#c4d5d2 Deuteranomaly 6% of men, 0.4% of women
#94dfe2 Tritanomaly 0.01% of the population

#8ae2cc hex color

#8ae2cc Color Information

#8ae2cc Color Conversion

Color Schemes with #8ae2cc

Alternatives to #8ae2cc

#8ae2cc Preview

Shades and Tints of #8ae2cc

Tones of #8ae2cc

Color Blindness Simulator