#7ae0b0 hex color

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

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

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

The hexadecimal color #7ae0b0 has RGB values of R:122, G:224, B:176 and CMYK values of C:0.46, M:0, Y:0.21, K:0.12. Its decimal value is 8052912.

Hex triplet	7ae0b0	`#7ae0b0`
RGB Decimal	122, 224, 176	`rgb(122,224,176)`
RGB Percent	47.8, 87.8, 69	`rgb(47.8%,87.8%,69%)`
CMYK	46, 0, 21, 12
HSL	151.8°, 62.2, 67.8	`hsl(151.8,62.2%,67.8%)`
HSV (or HSB)	151.8°, 45.5, 87.8
Web Safe	66cc99	`#66cc99`

CIE-LAB	82.153, -40.683, 14.391
XYZ	42.516, 60.581, 50.525
xyY	0.277, 0.394, 60.581
CIE-LCH	82.153, 43.153, 160.52
CIE-LUV	82.153, -46.597, 27.838
Hunter-Lab	77.834, -38.706, 15.996
Binary	01111010, 11100000, 10110000

#7ae0b0
```
#7ae0b0 rgb(122,224,176)
```
#e07aaa
```
#e07aaa rgb(224,122,170)
```

Complementary Color

#7ae07d
```
#7ae07d rgb(122,224,125)
```
#7ae0b0
```
#7ae0b0 rgb(122,224,176)
```
#7adde0
```
#7adde0 rgb(122,221,224)
```

Analogous Color

#e07d7a
```
#e07d7a rgb(224,125,122)
```
#7ae0b0
```
#7ae0b0 rgb(122,224,176)
```
#e07add
```
#e07add rgb(224,122,221)
```

Split Complementary Color

#e0b07a
```
#e0b07a rgb(224,176,122)
```
#7ae0b0
```
#7ae0b0 rgb(122,224,176)
```
#b07ae0
```
#b07ae0 rgb(176,122,224)
```

Triadic Color

#aae07a
```
#aae07a rgb(170,224,122)
```
#7ae0b0
```
#7ae0b0 rgb(122,224,176)
```
#b07ae0
```
#b07ae0 rgb(176,122,224)
```
#e07aaa
```
#e07aaa rgb(224,122,170)
```

Tetradic Color

#3cd28b
```
#3cd28b rgb(60,210,139)
```
#51d697
```
#51d697 rgb(81,214,151)
```
#65dba4
```
#65dba4 rgb(101,219,164)
```
#7ae0b0
```
#7ae0b0 rgb(122,224,176)
```
#8fe5bc
```
#8fe5bc rgb(143,229,188)
```
#a3eac9
```
#a3eac9 rgb(163,234,201)
```
#b8eed5
```
#b8eed5 rgb(184,238,213)
```

Monochromatic Color

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

#7ae097
```
#7ae097 rgb(122,224,151)
```
#7ae09f
```
#7ae09f rgb(122,224,159)
```
#7ae0a8
```
#7ae0a8 rgb(122,224,168)
```
#7ae0b0
```
#7ae0b0 rgb(122,224,176)
```
#7ae0b9
```
#7ae0b9 rgb(122,224,185)
```
#7ae0c1
```
#7ae0c1 rgb(122,224,193)
```
#7ae0ca
```
#7ae0ca rgb(122,224,202)
```

Similar Colors

Text with hexadecimal color #7ae0b0

This text has a font color of #7ae0b0.

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

#7ae0b0 background color

This paragraph has a background color of #7ae0b0.

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

#7ae0b0 border color

This element has a border color of #7ae0b0.

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

CSS codes

.text {color:#7ae0b0;}

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

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

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

#020a06
```
#020a06 rgb(2,10,6)
```
#061a11
```
#061a11 rgb(6,26,17)
```
#0a2a1b
```
#0a2a1b rgb(10,42,27)
```
#0d3a25
```
#0d3a25 rgb(13,58,37)
```
#114a2f
```
#114a2f rgb(17,74,47)
```
#155a39
```
#155a39 rgb(21,90,57)
```
#196a43
```
#196a43 rgb(25,106,67)
```
#1c7a4e
```
#1c7a4e rgb(28,122,78)
```
#208958
```
#208958 rgb(32,137,88)
```
#249962
```
#249962 rgb(36,153,98)
```
#27a96c
```
#27a96c rgb(39,169,108)
```
#2bb976
```
#2bb976 rgb(43,185,118)
```
#2fc980
```
#2fc980 rgb(47,201,128)
```

Shade Color Variation

#3ad18a
```
#3ad18a rgb(58,209,138)
```
#4ad594
```
#4ad594 rgb(74,213,148)
```
#5ad99d
```
#5ad99d rgb(90,217,157)
```
#6adca7
```
#6adca7 rgb(106,220,167)
```
#7ae0b0
```
#7ae0b0 rgb(122,224,176)
```
#8ae4b9
```
#8ae4b9 rgb(138,228,185)
```
#9ae7c3
```
#9ae7c3 rgb(154,231,195)
```
#aaebcc
```
#aaebcc rgb(170,235,204)
```
#baefd6
```
#baefd6 rgb(186,239,214)
```
#caf3df
```
#caf3df rgb(202,243,223)
```
#d9f6e9
```
#d9f6e9 rgb(217,246,233)
```
#e9faf2
```
#e9faf2 rgb(233,250,242)
```
#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 #61f9b1 is the most saturated one.

#acaead
```
#acaead rgb(172,174,173)
```
#a6b4ad
```
#a6b4ad rgb(166,180,173)
```
#a0baae
```
#a0baae rgb(160,186,174)
```
#9ac0ae
```
#9ac0ae rgb(154,192,174)
```
#93c7af
```
#93c7af rgb(147,199,175)
```
#8dcdaf
```
#8dcdaf rgb(141,205,175)
```
#87d3af
```
#87d3af rgb(135,211,175)
```
#80dab0
```
#80dab0 rgb(128,218,176)
```
#7ae0b0
```
#7ae0b0 rgb(122,224,176)
```
#74e6b0
```
#74e6b0 rgb(116,230,176)
```
#6dedb1
```
#6dedb1 rgb(109,237,177)
```
#67f3b1
```
#67f3b1 rgb(103,243,177)
```
#61f9b1
```
#61f9b1 rgb(97,249,177)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#afc3ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#daceab Protanopia 1% of men
#e8c8bc Deuteranopia 1% of men
#91dae9 Tritanopia 0.001% of the population

Trichromacy

#b7d4ad Protanomaly 1% of men, 0.01% of women
#c0d0b8 Deuteranomaly 6% of men, 0.4% of women
#89dcd4 Tritanomaly 0.01% of the population

#7ae0b0 hex color

#7ae0b0 Color Information

#7ae0b0 Color Conversion

Color Schemes with #7ae0b0

Alternatives to #7ae0b0

#7ae0b0 Preview

Shades and Tints of #7ae0b0

Tones of #7ae0b0

Color Blindness Simulator