#7ae1cc hex color

In a RGB color space, hex #7ae1cc is composed of 47.8% red, 88.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 0% magenta, 9.3% yellow and 11.8% black. It has a hue angle of 167.8 degrees, a saturation of 63.2% and a lightness of 68%. #7ae1cc color hex could be obtained by blending #f4ffff with #00c399. 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

● #7ae1cc color description : Soft cyan.

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

Hex triplet	7ae1cc	`#7ae1cc`
RGB Decimal	122, 225, 204	`rgb(122,225,204)`
RGB Percent	47.8, 88.2, 80	`rgb(47.8%,88.2%,80%)`
CMYK	46, 0, 9, 12
HSL	167.8°, 63.2, 68	`hsl(167.8,63.2%,68%)`
HSV (or HSB)	167.8°, 45.8, 88.2
Web Safe	66cccc	`#66cccc`

CIE-LAB	83.096, -35.012, 0.963
XYZ	45.847, 62.345, 66.741
xyY	0.262, 0.356, 62.345
CIE-LCH	83.096, 35.025, 178.424
CIE-LUV	83.096, -46.007, 7.21
Hunter-Lab	78.959, -34.532, 5.155
Binary	01111010, 11100001, 11001100

#7ae1cc
```
#7ae1cc rgb(122,225,204)
```
#e17a8f
```
#e17a8f rgb(225,122,143)
```

Complementary Color

#7ae199
```
#7ae199 rgb(122,225,153)
```
#7ae1cc
```
#7ae1cc rgb(122,225,204)
```
#7ac3e1
```
#7ac3e1 rgb(122,195,225)
```

Analogous Color

#e1997a
```
#e1997a rgb(225,153,122)
```
#7ae1cc
```
#7ae1cc rgb(122,225,204)
```
#e17ac3
```
#e17ac3 rgb(225,122,195)
```

Split Complementary Color

#e1cc7a
```
#e1cc7a rgb(225,204,122)
```
#7ae1cc
```
#7ae1cc rgb(122,225,204)
```
#cc7ae1
```
#cc7ae1 rgb(204,122,225)
```

Triadic Color

#8fe17a
```
#8fe17a rgb(143,225,122)
```
#7ae1cc
```
#7ae1cc rgb(122,225,204)
```
#cc7ae1
```
#cc7ae1 rgb(204,122,225)
```
#e17a8f
```
#e17a8f rgb(225,122,143)
```

Tetradic Color

#3cd3b4
```
#3cd3b4 rgb(60,211,180)
```
#50d8bc
```
#50d8bc rgb(80,216,188)
```
#65dcc4
```
#65dcc4 rgb(101,220,196)
```
#7ae1cc
```
#7ae1cc rgb(122,225,204)
```
#8fe6d4
```
#8fe6d4 rgb(143,230,212)
```
#a4eadc
```
#a4eadc rgb(164,234,220)
```
#b8efe4
```
#b8efe4 rgb(184,239,228)
```

Monochromatic Color

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

#7ae1b2
```
#7ae1b2 rgb(122,225,178)
```
#7ae1bb
```
#7ae1bb rgb(122,225,187)
```
#7ae1c3
```
#7ae1c3 rgb(122,225,195)
```
#7ae1cc
```
#7ae1cc rgb(122,225,204)
```
#7ae1d5
```
#7ae1d5 rgb(122,225,213)
```
#7ae1dd
```
#7ae1dd rgb(122,225,221)
```
#7adce1
```
#7adce1 rgb(122,220,225)
```

Similar Colors

Text with hexadecimal color #7ae1cc

This text has a font color of #7ae1cc.

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

#7ae1cc background color

This paragraph has a background color of #7ae1cc.

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

#7ae1cc border color

This element has a border color of #7ae1cc.

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

CSS codes

.text {color:#7ae1cc;}

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

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

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

#020b09
```
#020b09 rgb(2,11,9)
```
#061b17
```
#061b17 rgb(6,27,23)
```
#0a2b24
```
#0a2b24 rgb(10,43,36)
```
#0d3b32
```
#0d3b32 rgb(13,59,50)
```
#114b3f
```
#114b3f rgb(17,75,63)
```
#155b4d
```
#155b4d rgb(21,91,77)
```
#186b5a
```
#186b5a rgb(24,107,90)
```
#1c7b68
```
#1c7b68 rgb(28,123,104)
```
#1f8b75
```
#1f8b75 rgb(31,139,117)
```
#239b83
```
#239b83 rgb(35,155,131)
```
#27ab90
```
#27ab90 rgb(39,171,144)
```
#2abb9e
```
#2abb9e rgb(42,187,158)
```
#2ecbab
```
#2ecbab rgb(46,203,171)
```

Shade Color Variation

#3ad3b3
```
#3ad3b3 rgb(58,211,179)
```
#4ad6ba
```
#4ad6ba rgb(74,214,186)
```
#5adac0
```
#5adac0 rgb(90,218,192)
```
#6addc6
```
#6addc6 rgb(106,221,198)
```
#7ae1cc
```
#7ae1cc rgb(122,225,204)
```
#8ae5d2
```
#8ae5d2 rgb(138,229,210)
```
#9ae8d8
```
#9ae8d8 rgb(154,232,216)
```
#aaecde
```
#aaecde rgb(170,236,222)
```
#baefe5
```
#baefe5 rgb(186,239,229)
```
#caf3eb
```
#caf3eb rgb(202,243,235)
```
#daf7f1
```
#daf7f1 rgb(218,247,241)
```
#eafaf7
```
#eafaf7 rgb(234,250,247)
```
#fafefd
```
#fafefd rgb(250,254,253)
```

Tint Color Variation

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

#acafae
```
#acafae rgb(172,175,174)
```
#a6b5b2
```
#a6b5b2 rgb(166,181,178)
```
#a0bbb6
```
#a0bbb6 rgb(160,187,182)
```
#99c2b9
```
#99c2b9 rgb(153,194,185)
```
#93c8bd
```
#93c8bd rgb(147,200,189)
```
#8dcec1
```
#8dcec1 rgb(141,206,193)
```
#87d4c5
```
#87d4c5 rgb(135,212,197)
```
#80dbc8
```
#80dbc8 rgb(128,219,200)
```
#7ae1cc
```
#7ae1cc rgb(122,225,204)
```
#74e7d0
```
#74e7d0 rgb(116,231,208)
```
#6deed3
```
#6deed3 rgb(109,238,211)
```
#67f4d7
```
#67f4d7 rgb(103,244,215)
```
#61fadb
```
#61fadb rgb(97,250,219)
```

Tone Color Variation

Below, you can see how #7ae1cc 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
#b2c7c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d0c5 Protanopia 1% of men
#e2cbd6 Deuteranopia 1% of men
#8cdded Tritanopia 0.001% of the population

Trichromacy

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

#7ae1cc hex color

#7ae1cc Color Information

#7ae1cc Color Conversion

Color Schemes with #7ae1cc

Alternatives to #7ae1cc

#7ae1cc Preview

Shades and Tints of #7ae1cc

Tones of #7ae1cc

Color Blindness Simulator