#7ae0cc hex color

In a RGB color space, hex #7ae0cc is composed of 47.8% red, 87.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 0% magenta, 8.9% yellow and 12.2% black. It has a hue angle of 168.2 degrees, a saturation of 62.2% and a lightness of 67.8%. #7ae0cc color hex could be obtained by blending #f4ffff with #00c199. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 48
- G 88
- B 80
RGB color chart
- C 46
- M 0
- Y 9
- K 12
CMYK color chart

● #7ae0cc color description : Soft cyan.

The hexadecimal color #7ae0cc has RGB values of R:122, G:224, B:204 and CMYK values of C:0.46, M:0, Y:0.09, K:0.12. Its decimal value is 8052940.

Hex triplet	7ae0cc	`#7ae0cc`
RGB Decimal	122, 224, 204	`rgb(122,224,204)`
RGB Percent	47.8, 87.8, 80	`rgb(47.8%,87.8%,80%)`
CMYK	46, 0, 9, 12
HSL	168.2°, 62.2, 67.8	`hsl(168.2,62.2%,67.8%)`
HSV (or HSB)	168.2°, 45.5, 87.8
Web Safe	66cccc	`#66cccc`

CIE-LAB	82.81, -34.547, 0.546
XYZ	45.578, 61.806, 66.651
xyY	0.262, 0.355, 61.806
CIE-LCH	82.81, 34.551, 179.095
CIE-LUV	82.81, -45.609, 6.492
Hunter-Lab	78.617, -34.095, 4.765
Binary	01111010, 11100000, 11001100

#7ae0cc
```
#7ae0cc rgb(122,224,204)
```
#e07a8e
```
#e07a8e rgb(224,122,142)
```

Complementary Color

#7ae099
```
#7ae099 rgb(122,224,153)
```
#7ae0cc
```
#7ae0cc rgb(122,224,204)
```
#7ac1e0
```
#7ac1e0 rgb(122,193,224)
```

Analogous Color

#e0997a
```
#e0997a rgb(224,153,122)
```
#7ae0cc
```
#7ae0cc rgb(122,224,204)
```
#e07ac1
```
#e07ac1 rgb(224,122,193)
```

Split Complementary Color

#e0cc7a
```
#e0cc7a rgb(224,204,122)
```
#7ae0cc
```
#7ae0cc rgb(122,224,204)
```
#cc7ae0
```
#cc7ae0 rgb(204,122,224)
```

Triadic Color

#8ee07a
```
#8ee07a rgb(142,224,122)
```
#7ae0cc
```
#7ae0cc rgb(122,224,204)
```
#cc7ae0
```
#cc7ae0 rgb(204,122,224)
```
#e07a8e
```
#e07a8e rgb(224,122,142)
```

Tetradic Color

#3cd2b4
```
#3cd2b4 rgb(60,210,180)
```
#51d6bc
```
#51d6bc rgb(81,214,188)
```
#65dbc4
```
#65dbc4 rgb(101,219,196)
```
#7ae0cc
```
#7ae0cc rgb(122,224,204)
```
#8fe5d4
```
#8fe5d4 rgb(143,229,212)
```
#a3eadc
```
#a3eadc rgb(163,234,220)
```
#b8eee4
```
#b8eee4 rgb(184,238,228)
```

Monochromatic Color

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

#7ae0b3
```
#7ae0b3 rgb(122,224,179)
```
#7ae0bb
```
#7ae0bb rgb(122,224,187)
```
#7ae0c4
```
#7ae0c4 rgb(122,224,196)
```
#7ae0cc
```
#7ae0cc rgb(122,224,204)
```
#7ae0d5
```
#7ae0d5 rgb(122,224,213)
```
#7ae0dd
```
#7ae0dd rgb(122,224,221)
```
#7adbe0
```
#7adbe0 rgb(122,219,224)
```

Similar Colors

Text with hexadecimal color #7ae0cc

This text has a font color of #7ae0cc.

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

#7ae0cc background color

This paragraph has a background color of #7ae0cc.

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

#7ae0cc border color

This element has a border color of #7ae0cc.

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

CSS codes

.text {color:#7ae0cc;}

.background {background-color:#7ae0cc;}

.border {border:1px solid #7ae0cc;}

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, #020a09 is the darkest color, while #f9fefd is the lightest one.

#020a09
```
#020a09 rgb(2,10,9)
```
#061a16
```
#061a16 rgb(6,26,22)
```
#0a2a24
```
#0a2a24 rgb(10,42,36)
```
#0d3a31
```
#0d3a31 rgb(13,58,49)
```
#114a3f
```
#114a3f rgb(17,74,63)
```
#155a4c
```
#155a4c rgb(21,90,76)
```
#196a5a
```
#196a5a rgb(25,106,90)
```
#1c7a67
```
#1c7a67 rgb(28,122,103)
```
#208975
```
#208975 rgb(32,137,117)
```
#249982
```
#249982 rgb(36,153,130)
```
#27a990
```
#27a990 rgb(39,169,144)
```
#2bb99d
```
#2bb99d rgb(43,185,157)
```
#2fc9ab
```
#2fc9ab rgb(47,201,171)
```

Shade Color Variation

#3ad1b4
```
#3ad1b4 rgb(58,209,180)
```
#4ad5ba
```
#4ad5ba rgb(74,213,186)
```
#5ad9c0
```
#5ad9c0 rgb(90,217,192)
```
#6adcc6
```
#6adcc6 rgb(106,220,198)
```
#7ae0cc
```
#7ae0cc rgb(122,224,204)
```
#8ae4d2
```
#8ae4d2 rgb(138,228,210)
```
#9ae7d8
```
#9ae7d8 rgb(154,231,216)
```
#aaebde
```
#aaebde rgb(170,235,222)
```
#baefe4
```
#baefe4 rgb(186,239,228)
```
#caf3ea
```
#caf3ea rgb(202,243,234)
```
#d9f6f1
```
#d9f6f1 rgb(217,246,241)
```
#e9faf7
```
#e9faf7 rgb(233,250,247)
```
#f9fefd
```
#f9fefd rgb(249,254,253)
```

Tint Color Variation

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

#acaead
```
#acaead rgb(172,174,173)
```
#a6b4b1
```
#a6b4b1 rgb(166,180,177)
```
#a0bab5
```
#a0bab5 rgb(160,186,181)
```
#9ac0b9
```
#9ac0b9 rgb(154,192,185)
```
#93c7bd
```
#93c7bd rgb(147,199,189)
```
#8dcdc0
```
#8dcdc0 rgb(141,205,192)
```
#87d3c4
```
#87d3c4 rgb(135,211,196)
```
#80dac8
```
#80dac8 rgb(128,218,200)
```
#7ae0cc
```
#7ae0cc rgb(122,224,204)
```
#74e6d0
```
#74e6d0 rgb(116,230,208)
```
#6dedd4
```
#6dedd4 rgb(109,237,212)
```
#67f3d8
```
#67f3d8 rgb(103,243,216)
```
#61f9db
```
#61f9db rgb(97,249,219)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#b1c6c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6cfc5 Protanopia 1% of men
#e1cad6 Deuteranopia 1% of men
#8bdced Tritanopia 0.001% of the population

Trichromacy

#b5d5c7 Protanomaly 1% of men, 0.01% of women
#bbd2d2 Deuteranomaly 6% of men, 0.4% of women
#85dee1 Tritanomaly 0.01% of the population

#7ae0cc hex color

#7ae0cc Color Information

#7ae0cc Color Conversion

Color Schemes with #7ae0cc

Alternatives to #7ae0cc

#7ae0cc Preview

Shades and Tints of #7ae0cc

Tones of #7ae0cc

Color Blindness Simulator