#7ae2d4 hex color

In a RGB color space, hex #7ae2d4 is composed of 47.8% red, 88.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 46% cyan, 0% magenta, 6.2% yellow and 11.4% black. It has a hue angle of 171.9 degrees, a saturation of 64.2% and a lightness of 68.2%. #7ae2d4 color hex could be obtained by blending #f4ffff with #00c5a9. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 48
- G 89
- B 83
RGB color chart
- C 46
- M 0
- Y 6
- K 11
CMYK color chart

● #7ae2d4 color description : Soft cyan.

The hexadecimal color #7ae2d4 has RGB values of R:122, G:226, B:212 and CMYK values of C:0.46, M:0, Y:0.06, K:0.11. Its decimal value is 8053460.

Hex triplet	7ae2d4	`#7ae2d4`
RGB Decimal	122, 226, 212	`rgb(122,226,212)`
RGB Percent	47.8, 88.6, 83.1	`rgb(47.8%,88.6%,83.1%)`
CMYK	46, 0, 6, 11
HSL	171.9°, 64.2, 68.2	`hsl(171.9,64.2%,68.2%)`
HSV (or HSB)	171.9°, 46, 88.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	83.59, -33.592, -2.549
XYZ	47.103, 63.281, 72.016
xyY	0.258, 0.347, 63.281
CIE-LCH	83.59, 33.688, 184.339
CIE-LUV	83.59, -46.11, 1.554
Hunter-Lab	79.549, -33.518, 2.009
Binary	01111010, 11100010, 11010100

#7ae2d4
```
#7ae2d4 rgb(122,226,212)
```
#e27a88
```
#e27a88 rgb(226,122,136)
```

Complementary Color

#7ae2a0
```
#7ae2a0 rgb(122,226,160)
```
#7ae2d4
```
#7ae2d4 rgb(122,226,212)
```
#7abce2
```
#7abce2 rgb(122,188,226)
```

Analogous Color

#e2a07a
```
#e2a07a rgb(226,160,122)
```
#7ae2d4
```
#7ae2d4 rgb(122,226,212)
```
#e27abc
```
#e27abc rgb(226,122,188)
```

Split Complementary Color

#e2d47a
```
#e2d47a rgb(226,212,122)
```
#7ae2d4
```
#7ae2d4 rgb(122,226,212)
```
#d47ae2
```
#d47ae2 rgb(212,122,226)
```

Triadic Color

#88e27a
```
#88e27a rgb(136,226,122)
```
#7ae2d4
```
#7ae2d4 rgb(122,226,212)
```
#d47ae2
```
#d47ae2 rgb(212,122,226)
```
#e27a88
```
#e27a88 rgb(226,122,136)
```

Tetradic Color

#3bd4c0
```
#3bd4c0 rgb(59,212,192)
```
#50d9c6
```
#50d9c6 rgb(80,217,198)
```
#65ddcd
```
#65ddcd rgb(101,221,205)
```
#7ae2d4
```
#7ae2d4 rgb(122,226,212)
```
#8fe7db
```
#8fe7db rgb(143,231,219)
```
#a4ebe2
```
#a4ebe2 rgb(164,235,226)
```
#b9f0e8
```
#b9f0e8 rgb(185,240,232)
```

Monochromatic Color

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

#7ae2ba
```
#7ae2ba rgb(122,226,186)
```
#7ae2c3
```
#7ae2c3 rgb(122,226,195)
```
#7ae2cb
```
#7ae2cb rgb(122,226,203)
```
#7ae2d4
```
#7ae2d4 rgb(122,226,212)
```
#7ae2dd
```
#7ae2dd rgb(122,226,221)
```
#7adfe2
```
#7adfe2 rgb(122,223,226)
```
#7ad6e2
```
#7ad6e2 rgb(122,214,226)
```

Similar Colors

Text with hexadecimal color #7ae2d4

This text has a font color of #7ae2d4.

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

#7ae2d4 background color

This paragraph has a background color of #7ae2d4.

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

#7ae2d4 border color

This element has a border color of #7ae2d4.

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

CSS codes

.text {color:#7ae2d4;}

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

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

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, #030c0b is the darkest color, while #fbfefe is the lightest one.

#030c0b
```
#030c0b rgb(3,12,11)
```
#061c19
```
#061c19 rgb(6,28,25)
```
#0a2c27
```
#0a2c27 rgb(10,44,39)
```
#0d3c36
```
#0d3c36 rgb(13,60,54)
```
#114c44
```
#114c44 rgb(17,76,68)
```
#145c53
```
#145c53 rgb(20,92,83)
```
#186d61
```
#186d61 rgb(24,109,97)
```
#1b7d70
```
#1b7d70 rgb(27,125,112)
```
#1f8d7e
```
#1f8d7e rgb(31,141,126)
```
#229d8c
```
#229d8c rgb(34,157,140)
```
#26ad9b
```
#26ad9b rgb(38,173,155)
```
#29bda9
```
#29bda9 rgb(41,189,169)
```
#2dcdb8
```
#2dcdb8 rgb(45,205,184)
```

Shade Color Variation

#3ad4bf
```
#3ad4bf rgb(58,212,191)
```
#4ad7c4
```
#4ad7c4 rgb(74,215,196)
```
#5adbca
```
#5adbca rgb(90,219,202)
```
#6adecf
```
#6adecf rgb(106,222,207)
```
#7ae2d4
```
#7ae2d4 rgb(122,226,212)
```
#8ae6d9
```
#8ae6d9 rgb(138,230,217)
```
#9ae9de
```
#9ae9de rgb(154,233,222)
```
#aaede4
```
#aaede4 rgb(170,237,228)
```
#baf0e9
```
#baf0e9 rgb(186,240,233)
```
#cbf4ee
```
#cbf4ee rgb(203,244,238)
```
#dbf7f3
```
#dbf7f3 rgb(219,247,243)
```
#ebfbf8
```
#ebfbf8 rgb(235,251,248)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#acb0b0
```
#acb0b0 rgb(172,176,176)
```
#a6b6b4
```
#a6b6b4 rgb(166,182,180)
```
#9fbdb9
```
#9fbdb9 rgb(159,189,185)
```
#99c3bd
```
#99c3bd rgb(153,195,189)
```
#93c9c2
```
#93c9c2 rgb(147,201,194)
```
#8dcfc6
```
#8dcfc6 rgb(141,207,198)
```
#86d6cb
```
#86d6cb rgb(134,214,203)
```
#80dccf
```
#80dccf rgb(128,220,207)
```
#7ae2d4
```
#7ae2d4 rgb(122,226,212)
```
#74e8d9
```
#74e8d9 rgb(116,232,217)
```
#6eeedd
```
#6eeedd rgb(110,238,221)
```
#67f5e2
```
#67f5e2 rgb(103,245,226)
```
#61fbe6
```
#61fbe6 rgb(97,251,230)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#b3c8c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d1cc Protanopia 1% of men
#e0cdde Deuteranopia 1% of men
#8adfef Tritanopia 0.001% of the population

Trichromacy

#b5d7cf Protanomaly 1% of men, 0.01% of women
#bbd4da Deuteranomaly 6% of men, 0.4% of women
#84e0e5 Tritanomaly 0.01% of the population

#7ae2d4 hex color

#7ae2d4 Color Information

#7ae2d4 Color Conversion

Color Schemes with #7ae2d4

Alternatives to #7ae2d4

#7ae2d4 Preview

Shades and Tints of #7ae2d4

Tones of #7ae2d4

Color Blindness Simulator