#7ae0b2 hex color

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

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

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

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

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

CIE-LAB	82.196, -40.272, 13.4
XYZ	42.715, 60.661, 51.575
xyY	0.276, 0.391, 60.661
CIE-LCH	82.196, 42.442, 161.596
CIE-LUV	82.196, -46.528, 26.376
Hunter-Lab	77.885, -38.403, 15.258
Binary	01111010, 11100000, 10110010

#7ae0b2
```
#7ae0b2 rgb(122,224,178)
```
#e07aa8
```
#e07aa8 rgb(224,122,168)
```

Complementary Color

#7ae07f
```
#7ae07f rgb(122,224,127)
```
#7ae0b2
```
#7ae0b2 rgb(122,224,178)
```
#7adbe0
```
#7adbe0 rgb(122,219,224)
```

Analogous Color

#e07f7a
```
#e07f7a rgb(224,127,122)
```
#7ae0b2
```
#7ae0b2 rgb(122,224,178)
```
#e07adb
```
#e07adb rgb(224,122,219)
```

Split Complementary Color

#e0b27a
```
#e0b27a rgb(224,178,122)
```
#7ae0b2
```
#7ae0b2 rgb(122,224,178)
```
#b27ae0
```
#b27ae0 rgb(178,122,224)
```

Triadic Color

#a8e07a
```
#a8e07a rgb(168,224,122)
```
#7ae0b2
```
#7ae0b2 rgb(122,224,178)
```
#b27ae0
```
#b27ae0 rgb(178,122,224)
```
#e07aa8
```
#e07aa8 rgb(224,122,168)
```

Tetradic Color

#3cd28e
```
#3cd28e rgb(60,210,142)
```
#51d69a
```
#51d69a rgb(81,214,154)
```
#65dba6
```
#65dba6 rgb(101,219,166)
```
#7ae0b2
```
#7ae0b2 rgb(122,224,178)
```
#8fe5be
```
#8fe5be rgb(143,229,190)
```
#a3eaca
```
#a3eaca rgb(163,234,202)
```
#b8eed6
```
#b8eed6 rgb(184,238,214)
```

Monochromatic Color

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

#7ae099
```
#7ae099 rgb(122,224,153)
```
#7ae0a1
```
#7ae0a1 rgb(122,224,161)
```
#7ae0aa
```
#7ae0aa rgb(122,224,170)
```
#7ae0b2
```
#7ae0b2 rgb(122,224,178)
```
#7ae0bb
```
#7ae0bb rgb(122,224,187)
```
#7ae0c3
```
#7ae0c3 rgb(122,224,195)
```
#7ae0cc
```
#7ae0cc rgb(122,224,204)
```

Similar Colors

Text with hexadecimal color #7ae0b2

This text has a font color of #7ae0b2.

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

#7ae0b2 background color

This paragraph has a background color of #7ae0b2.

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

#7ae0b2 border color

This element has a border color of #7ae0b2.

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

CSS codes

.text {color:#7ae0b2;}

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

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

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

#020a07
```
#020a07 rgb(2,10,7)
```
#061a11
```
#061a11 rgb(6,26,17)
```
#0a2a1b
```
#0a2a1b rgb(10,42,27)
```
#0d3a26
```
#0d3a26 rgb(13,58,38)
```
#114a30
```
#114a30 rgb(17,74,48)
```
#155a3b
```
#155a3b rgb(21,90,59)
```
#196a45
```
#196a45 rgb(25,106,69)
```
#1c7a4f
```
#1c7a4f rgb(28,122,79)
```
#20895a
```
#20895a rgb(32,137,90)
```
#249964
```
#249964 rgb(36,153,100)
```
#27a96f
```
#27a96f rgb(39,169,111)
```
#2bb979
```
#2bb979 rgb(43,185,121)
```
#2fc984
```
#2fc984 rgb(47,201,132)
```

Shade Color Variation

#3ad18d
```
#3ad18d rgb(58,209,141)
```
#4ad596
```
#4ad596 rgb(74,213,150)
```
#5ad9a0
```
#5ad9a0 rgb(90,217,160)
```
#6adca9
```
#6adca9 rgb(106,220,169)
```
#7ae0b2
```
#7ae0b2 rgb(122,224,178)
```
#8ae4bb
```
#8ae4bb rgb(138,228,187)
```
#9ae7c4
```
#9ae7c4 rgb(154,231,196)
```
#aaebce
```
#aaebce rgb(170,235,206)
```
#baefd7
```
#baefd7 rgb(186,239,215)
```
#caf3e0
```
#caf3e0 rgb(202,243,224)
```
#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 #61f9b4 is the most saturated one.

#acaead
```
#acaead rgb(172,174,173)
```
#a6b4ae
```
#a6b4ae rgb(166,180,174)
```
#a0baae
```
#a0baae rgb(160,186,174)
```
#9ac0af
```
#9ac0af rgb(154,192,175)
```
#93c7b0
```
#93c7b0 rgb(147,199,176)
```
#8dcdb0
```
#8dcdb0 rgb(141,205,176)
```
#87d3b1
```
#87d3b1 rgb(135,211,177)
```
#80dab1
```
#80dab1 rgb(128,218,177)
```
#7ae0b2
```
#7ae0b2 rgb(122,224,178)
```
#74e6b3
```
#74e6b3 rgb(116,230,179)
```
#6dedb3
```
#6dedb3 rgb(109,237,179)
```
#67f3b4
```
#67f3b4 rgb(103,243,180)
```
#61f9b4
```
#61f9b4 rgb(97,249,180)
```

Tone Color Variation

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

#dacead Protanopia 1% of men
#e8c8be Deuteranopia 1% of men
#91daea Tritanopia 0.001% of the population

Trichromacy

#b7d4ae Protanomaly 1% of men, 0.01% of women
#c0d0ba Deuteranomaly 6% of men, 0.4% of women
#88dcd5 Tritanomaly 0.01% of the population

#7ae0b2 hex color

#7ae0b2 Color Information

#7ae0b2 Color Conversion

Color Schemes with #7ae0b2

Alternatives to #7ae0b2

#7ae0b2 Preview

Shades and Tints of #7ae0b2

Tones of #7ae0b2

Color Blindness Simulator