#7ae0cf hex color

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

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

● #7ae0cf color description : Soft cyan.

The hexadecimal color #7ae0cf has RGB values of R:122, G:224, B:207 and CMYK values of C:0.46, M:0, Y:0.08, K:0.12. Its decimal value is 8052943.

Hex triplet	7ae0cf	`#7ae0cf`
RGB Decimal	122, 224, 207	`rgb(122,224,207)`
RGB Percent	47.8, 87.8, 81.2	`rgb(47.8%,87.8%,81.2%)`
CMYK	46, 0, 8, 12
HSL	170°, 62.2, 67.8	`hsl(170,62.2%,67.8%)`
HSV (or HSB)	170°, 45.5, 87.8
Web Safe	66cccc	`#66cccc`

CIE-LAB	82.887, -33.843, -0.931
XYZ	45.941, 61.951, 68.565
xyY	0.26, 0.351, 61.951
CIE-LCH	82.887, 33.856, 181.575
CIE-LUV	82.887, -45.501, 4.106
Hunter-Lab	78.709, -33.554, 3.448
Binary	01111010, 11100000, 11001111

#7ae0cf
```
#7ae0cf rgb(122,224,207)
```
#e07a8b
```
#e07a8b rgb(224,122,139)
```

Complementary Color

#7ae09c
```
#7ae09c rgb(122,224,156)
```
#7ae0cf
```
#7ae0cf rgb(122,224,207)
```
#7abee0
```
#7abee0 rgb(122,190,224)
```

Analogous Color

#e09c7a
```
#e09c7a rgb(224,156,122)
```
#7ae0cf
```
#7ae0cf rgb(122,224,207)
```
#e07abe
```
#e07abe rgb(224,122,190)
```

Split Complementary Color

#e0cf7a
```
#e0cf7a rgb(224,207,122)
```
#7ae0cf
```
#7ae0cf rgb(122,224,207)
```
#cf7ae0
```
#cf7ae0 rgb(207,122,224)
```

Triadic Color

#8be07a
```
#8be07a rgb(139,224,122)
```
#7ae0cf
```
#7ae0cf rgb(122,224,207)
```
#cf7ae0
```
#cf7ae0 rgb(207,122,224)
```
#e07a8b
```
#e07a8b rgb(224,122,139)
```

Tetradic Color

#3cd2b9
```
#3cd2b9 rgb(60,210,185)
```
#51d6c0
```
#51d6c0 rgb(81,214,192)
```
#65dbc8
```
#65dbc8 rgb(101,219,200)
```
#7ae0cf
```
#7ae0cf rgb(122,224,207)
```
#8fe5d6
```
#8fe5d6 rgb(143,229,214)
```
#a3eade
```
#a3eade rgb(163,234,222)
```
#b8eee5
```
#b8eee5 rgb(184,238,229)
```

Monochromatic Color

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

#7ae0b6
```
#7ae0b6 rgb(122,224,182)
```
#7ae0be
```
#7ae0be rgb(122,224,190)
```
#7ae0c7
```
#7ae0c7 rgb(122,224,199)
```
#7ae0cf
```
#7ae0cf rgb(122,224,207)
```
#7ae0d8
```
#7ae0d8 rgb(122,224,216)
```
#7ae0e0
```
#7ae0e0 rgb(122,224,224)
```
#7ad8e0
```
#7ad8e0 rgb(122,216,224)
```

Similar Colors

Text with hexadecimal color #7ae0cf

This text has a font color of #7ae0cf.

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

#7ae0cf background color

This paragraph has a background color of #7ae0cf.

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

#7ae0cf border color

This element has a border color of #7ae0cf.

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

CSS codes

.text {color:#7ae0cf;}

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

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

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)
```
#061a17
```
#061a17 rgb(6,26,23)
```
#0a2a25
```
#0a2a25 rgb(10,42,37)
```
#0d3a32
```
#0d3a32 rgb(13,58,50)
```
#114a40
```
#114a40 rgb(17,74,64)
```
#155a4e
```
#155a4e rgb(21,90,78)
```
#196a5c
```
#196a5c rgb(25,106,92)
```
#1c7a6a
```
#1c7a6a rgb(28,122,106)
```
#208978
```
#208978 rgb(32,137,120)
```
#249986
```
#249986 rgb(36,153,134)
```
#27a994
```
#27a994 rgb(39,169,148)
```
#2bb9a1
```
#2bb9a1 rgb(43,185,161)
```
#2fc9af
```
#2fc9af rgb(47,201,175)
```

Shade Color Variation

#3ad1b8
```
#3ad1b8 rgb(58,209,184)
```
#4ad5be
```
#4ad5be rgb(74,213,190)
```
#5ad9c4
```
#5ad9c4 rgb(90,217,196)
```
#6adcc9
```
#6adcc9 rgb(106,220,201)
```
#7ae0cf
```
#7ae0cf rgb(122,224,207)
```
#8ae4d5
```
#8ae4d5 rgb(138,228,213)
```
#9ae7da
```
#9ae7da rgb(154,231,218)
```
#aaebe0
```
#aaebe0 rgb(170,235,224)
```
#baefe6
```
#baefe6 rgb(186,239,230)
```
#caf3ec
```
#caf3ec rgb(202,243,236)
```
#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 #61f9e0 is the most saturated one.

#acaead
```
#acaead rgb(172,174,173)
```
#a6b4b2
```
#a6b4b2 rgb(166,180,178)
```
#a0bab6
```
#a0bab6 rgb(160,186,182)
```
#9ac0ba
```
#9ac0ba rgb(154,192,186)
```
#93c7be
```
#93c7be rgb(147,199,190)
```
#8dcdc2
```
#8dcdc2 rgb(141,205,194)
```
#87d3c7
```
#87d3c7 rgb(135,211,199)
```
#80dacb
```
#80dacb rgb(128,218,203)
```
#7ae0cf
```
#7ae0cf rgb(122,224,207)
```
#74e6d3
```
#74e6d3 rgb(116,230,211)
```
#6dedd7
```
#6dedd7 rgb(109,237,215)
```
#67f3dc
```
#67f3dc rgb(103,243,220)
```
#61f9e0
```
#61f9e0 rgb(97,249,224)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#b2c6c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6d0c8 Protanopia 1% of men
#e0cbd9 Deuteranopia 1% of men
#8added Tritanopia 0.001% of the population

Trichromacy

#b4d5ca Protanomaly 1% of men, 0.01% of women
#bbd2d5 Deuteranomaly 6% of men, 0.4% of women
#84dee2 Tritanomaly 0.01% of the population

#7ae0cf hex color

#7ae0cf Color Information

#7ae0cf Color Conversion

Color Schemes with #7ae0cf

Alternatives to #7ae0cf

#7ae0cf Preview

Shades and Tints of #7ae0cf

Tones of #7ae0cf

Color Blindness Simulator