#7ae0d4 hex color

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

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

● #7ae0d4 color description : Soft cyan.

The hexadecimal color #7ae0d4 has RGB values of R:122, G:224, B:212 and CMYK values of C:0.46, M:0, Y:0.05, K:0.12. Its decimal value is 8052948.

Hex triplet	7ae0d4	`#7ae0d4`
RGB Decimal	122, 224, 212	`rgb(122,224,212)`
RGB Percent	47.8, 87.8, 83.1	`rgb(47.8%,87.8%,83.1%)`
CMYK	46, 0, 5, 12
HSL	172.9°, 62.2, 67.8	`hsl(172.9,62.2%,67.8%)`
HSV (or HSB)	172.9°, 45.5, 87.8
Web Safe	66cccc	`#66cccc`

CIE-LAB	83.019, -32.652, -3.387
XYZ	46.562, 62.199, 71.836
xyY	0.258, 0.344, 62.199
CIE-LCH	83.019, 32.827, 185.922
CIE-LUV	83.019, -45.32, 0.094
Hunter-Lab	78.867, -32.632, 1.202
Binary	01111010, 11100000, 11010100

#7ae0d4
```
#7ae0d4 rgb(122,224,212)
```
#e07a86
```
#e07a86 rgb(224,122,134)
```

Complementary Color

#7ae0a1
```
#7ae0a1 rgb(122,224,161)
```
#7ae0d4
```
#7ae0d4 rgb(122,224,212)
```
#7ab9e0
```
#7ab9e0 rgb(122,185,224)
```

Analogous Color

#e0a17a
```
#e0a17a rgb(224,161,122)
```
#7ae0d4
```
#7ae0d4 rgb(122,224,212)
```
#e07ab9
```
#e07ab9 rgb(224,122,185)
```

Split Complementary Color

#e0d47a
```
#e0d47a rgb(224,212,122)
```
#7ae0d4
```
#7ae0d4 rgb(122,224,212)
```
#d47ae0
```
#d47ae0 rgb(212,122,224)
```

Triadic Color

#86e07a
```
#86e07a rgb(134,224,122)
```
#7ae0d4
```
#7ae0d4 rgb(122,224,212)
```
#d47ae0
```
#d47ae0 rgb(212,122,224)
```
#e07a86
```
#e07a86 rgb(224,122,134)
```

Tetradic Color

#3cd2c0
```
#3cd2c0 rgb(60,210,192)
```
#51d6c7
```
#51d6c7 rgb(81,214,199)
```
#65dbcd
```
#65dbcd rgb(101,219,205)
```
#7ae0d4
```
#7ae0d4 rgb(122,224,212)
```
#8fe5db
```
#8fe5db rgb(143,229,219)
```
#a3eae1
```
#a3eae1 rgb(163,234,225)
```
#b8eee8
```
#b8eee8 rgb(184,238,232)
```

Monochromatic Color

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

#7ae0bb
```
#7ae0bb rgb(122,224,187)
```
#7ae0c3
```
#7ae0c3 rgb(122,224,195)
```
#7ae0cc
```
#7ae0cc rgb(122,224,204)
```
#7ae0d4
```
#7ae0d4 rgb(122,224,212)
```
#7ae0dd
```
#7ae0dd rgb(122,224,221)
```
#7adbe0
```
#7adbe0 rgb(122,219,224)
```
#7ad3e0
```
#7ad3e0 rgb(122,211,224)
```

Similar Colors

Text with hexadecimal color #7ae0d4

This text has a font color of #7ae0d4.

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

#7ae0d4 background color

This paragraph has a background color of #7ae0d4.

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

#7ae0d4 border color

This element has a border color of #7ae0d4.

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

CSS codes

.text {color:#7ae0d4;}

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

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

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)
```
#061a18
```
#061a18 rgb(6,26,24)
```
#0a2a26
```
#0a2a26 rgb(10,42,38)
```
#0d3a35
```
#0d3a35 rgb(13,58,53)
```
#114a43
```
#114a43 rgb(17,74,67)
```
#155a52
```
#155a52 rgb(21,90,82)
```
#196a60
```
#196a60 rgb(25,106,96)
```
#1c7a6f
```
#1c7a6f rgb(28,122,111)
```
#20897d
```
#20897d rgb(32,137,125)
```
#24998c
```
#24998c rgb(36,153,140)
```
#27a99a
```
#27a99a rgb(39,169,154)
```
#2bb9a8
```
#2bb9a8 rgb(43,185,168)
```
#2fc9b7
```
#2fc9b7 rgb(47,201,183)
```

Shade Color Variation

#3ad1bf
```
#3ad1bf rgb(58,209,191)
```
#4ad5c5
```
#4ad5c5 rgb(74,213,197)
```
#5ad9ca
```
#5ad9ca rgb(90,217,202)
```
#6adccf
```
#6adccf rgb(106,220,207)
```
#7ae0d4
```
#7ae0d4 rgb(122,224,212)
```
#8ae4d9
```
#8ae4d9 rgb(138,228,217)
```
#9ae7de
```
#9ae7de rgb(154,231,222)
```
#aaebe3
```
#aaebe3 rgb(170,235,227)
```
#baefe9
```
#baefe9 rgb(186,239,233)
```
#caf3ee
```
#caf3ee rgb(202,243,238)
```
#d9f6f3
```
#d9f6f3 rgb(217,246,243)
```
#e9faf8
```
#e9faf8 rgb(233,250,248)
```
#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 #61f9e7 is the most saturated one.

#acaead
```
#acaead rgb(172,174,173)
```
#a6b4b2
```
#a6b4b2 rgb(166,180,178)
```
#a0bab7
```
#a0bab7 rgb(160,186,183)
```
#9ac0bc
```
#9ac0bc rgb(154,192,188)
```
#93c7c1
```
#93c7c1 rgb(147,199,193)
```
#8dcdc6
```
#8dcdc6 rgb(141,205,198)
```
#87d3ca
```
#87d3ca rgb(135,211,202)
```
#80dacf
```
#80dacf rgb(128,218,207)
```
#7ae0d4
```
#7ae0d4 rgb(122,224,212)
```
#74e6d9
```
#74e6d9 rgb(116,230,217)
```
#6dedde
```
#6dedde rgb(109,237,222)
```
#67f3e2
```
#67f3e2 rgb(103,243,226)
```
#61f9e7
```
#61f9e7 rgb(97,249,231)
```

Tone Color Variation

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

Dichromacy

#d5d0cd Protanopia 1% of men
#decbdd Deuteranopia 1% of men
#89ddee Tritanopia 0.001% of the population

Trichromacy

#b4d6cf Protanomaly 1% of men, 0.01% of women
#bad3da Deuteranomaly 6% of men, 0.4% of women
#83dee4 Tritanomaly 0.01% of the population

#7ae0d4 hex color

#7ae0d4 Color Information

#7ae0d4 Color Conversion

Color Schemes with #7ae0d4

Alternatives to #7ae0d4

#7ae0d4 Preview

Shades and Tints of #7ae0d4

Tones of #7ae0d4

Color Blindness Simulator