#7ae0c4 hex color

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

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

● #7ae0c4 color description : Soft cyan - lime green.

The hexadecimal color #7ae0c4 has RGB values of R:122, G:224, B:196 and CMYK values of C:0.46, M:0, Y:0.13, K:0.12. Its decimal value is 8052932.

Hex triplet	7ae0c4	`#7ae0c4`
RGB Decimal	122, 224, 196	`rgb(122,224,196)`
RGB Percent	47.8, 87.8, 76.9	`rgb(47.8%,87.8%,76.9%)`
CMYK	46, 0, 13, 12
HSL	163.5°, 62.2, 67.8	`hsl(163.5,62.2%,67.8%)`
HSV (or HSB)	163.5°, 45.5, 87.8
Web Safe	66cccc	`#66cccc`

CIE-LAB	82.61, -36.381, 4.491
XYZ	44.642, 61.432, 61.727
xyY	0.266, 0.366, 61.432
CIE-LCH	82.61, 36.657, 172.963
CIE-LUV	82.61, -45.896, 12.771
Hunter-Lab	78.378, -35.493, 8.171
Binary	01111010, 11100000, 11000100

#7ae0c4
```
#7ae0c4 rgb(122,224,196)
```
#e07a96
```
#e07a96 rgb(224,122,150)
```

Complementary Color

#7ae091
```
#7ae091 rgb(122,224,145)
```
#7ae0c4
```
#7ae0c4 rgb(122,224,196)
```
#7ac9e0
```
#7ac9e0 rgb(122,201,224)
```

Analogous Color

#e0917a
```
#e0917a rgb(224,145,122)
```
#7ae0c4
```
#7ae0c4 rgb(122,224,196)
```
#e07ac9
```
#e07ac9 rgb(224,122,201)
```

Split Complementary Color

#e0c47a
```
#e0c47a rgb(224,196,122)
```
#7ae0c4
```
#7ae0c4 rgb(122,224,196)
```
#c47ae0
```
#c47ae0 rgb(196,122,224)
```

Triadic Color

#96e07a
```
#96e07a rgb(150,224,122)
```
#7ae0c4
```
#7ae0c4 rgb(122,224,196)
```
#c47ae0
```
#c47ae0 rgb(196,122,224)
```
#e07a96
```
#e07a96 rgb(224,122,150)
```

Tetradic Color

#3cd2a8
```
#3cd2a8 rgb(60,210,168)
```
#51d6b2
```
#51d6b2 rgb(81,214,178)
```
#65dbbb
```
#65dbbb rgb(101,219,187)
```
#7ae0c4
```
#7ae0c4 rgb(122,224,196)
```
#8fe5cd
```
#8fe5cd rgb(143,229,205)
```
#a3ead6
```
#a3ead6 rgb(163,234,214)
```
#b8eee0
```
#b8eee0 rgb(184,238,224)
```

Monochromatic Color

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

#7ae0ab
```
#7ae0ab rgb(122,224,171)
```
#7ae0b3
```
#7ae0b3 rgb(122,224,179)
```
#7ae0bc
```
#7ae0bc rgb(122,224,188)
```
#7ae0c4
```
#7ae0c4 rgb(122,224,196)
```
#7ae0cd
```
#7ae0cd rgb(122,224,205)
```
#7ae0d5
```
#7ae0d5 rgb(122,224,213)
```
#7ae0de
```
#7ae0de rgb(122,224,222)
```

Similar Colors

Text with hexadecimal color #7ae0c4

This text has a font color of #7ae0c4.

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

#7ae0c4 background color

This paragraph has a background color of #7ae0c4.

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

#7ae0c4 border color

This element has a border color of #7ae0c4.

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

CSS codes

.text {color:#7ae0c4;}

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

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

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

#020a08
```
#020a08 rgb(2,10,8)
```
#061a15
```
#061a15 rgb(6,26,21)
```
#0a2a21
```
#0a2a21 rgb(10,42,33)
```
#0d3a2e
```
#0d3a2e rgb(13,58,46)
```
#114a3a
```
#114a3a rgb(17,74,58)
```
#155a47
```
#155a47 rgb(21,90,71)
```
#196a53
```
#196a53 rgb(25,106,83)
```
#1c7a60
```
#1c7a60 rgb(28,122,96)
```
#20896c
```
#20896c rgb(32,137,108)
```
#249979
```
#249979 rgb(36,153,121)
```
#27a986
```
#27a986 rgb(39,169,134)
```
#2bb992
```
#2bb992 rgb(43,185,146)
```
#2fc99f
```
#2fc99f rgb(47,201,159)
```

Shade Color Variation

#3ad1a8
```
#3ad1a8 rgb(58,209,168)
```
#4ad5af
```
#4ad5af rgb(74,213,175)
```
#5ad9b6
```
#5ad9b6 rgb(90,217,182)
```
#6adcbd
```
#6adcbd rgb(106,220,189)
```
#7ae0c4
```
#7ae0c4 rgb(122,224,196)
```
#8ae4cb
```
#8ae4cb rgb(138,228,203)
```
#9ae7d2
```
#9ae7d2 rgb(154,231,210)
```
#aaebd9
```
#aaebd9 rgb(170,235,217)
```
#baefe0
```
#baefe0 rgb(186,239,224)
```
#caf3e7
```
#caf3e7 rgb(202,243,231)
```
#d9f6ee
```
#d9f6ee rgb(217,246,238)
```
#e9faf5
```
#e9faf5 rgb(233,250,245)
```
#f9fefc
```
#f9fefc rgb(249,254,252)
```

Tint Color Variation

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

#acaead
```
#acaead rgb(172,174,173)
```
#a6b4b0
```
#a6b4b0 rgb(166,180,176)
```
#a0bab3
```
#a0bab3 rgb(160,186,179)
```
#9ac0b6
```
#9ac0b6 rgb(154,192,182)
```
#93c7b9
```
#93c7b9 rgb(147,199,185)
```
#8dcdbb
```
#8dcdbb rgb(141,205,187)
```
#87d3be
```
#87d3be rgb(135,211,190)
```
#80dac1
```
#80dac1 rgb(128,218,193)
```
#7ae0c4
```
#7ae0c4 rgb(122,224,196)
```
#74e6c7
```
#74e6c7 rgb(116,230,199)
```
#6dedca
```
#6dedca rgb(109,237,202)
```
#67f3cd
```
#67f3cd rgb(103,243,205)
```
#61f9cf
```
#61f9cf rgb(97,249,207)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#b0c5bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8cfbe Protanopia 1% of men
#e3c9cf Deuteranopia 1% of men
#8ddcec Tritanopia 0.001% of the population

Trichromacy

#b5d5c0 Protanomaly 1% of men, 0.01% of women
#bdd1cb Deuteranomaly 6% of men, 0.4% of women
#86dddd Tritanomaly 0.01% of the population

#7ae0c4 hex color

#7ae0c4 Color Information

#7ae0c4 Color Conversion

Color Schemes with #7ae0c4

Alternatives to #7ae0c4

#7ae0c4 Preview

Shades and Tints of #7ae0c4

Tones of #7ae0c4

Color Blindness Simulator