#7ae0b4 hex color

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

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

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

The hexadecimal color #7ae0b4 has RGB values of R:122, G:224, B:180 and CMYK values of C:0.46, M:0, Y:0.2, K:0.12. Its decimal value is 8052916.

Hex triplet	7ae0b4	`#7ae0b4`
RGB Decimal	122, 224, 180	`rgb(122,224,180)`
RGB Percent	47.8, 87.8, 70.6	`rgb(47.8%,87.8%,70.6%)`
CMYK	46, 0, 20, 12
HSL	154.1°, 62.2, 67.8	`hsl(154.1,62.2%,67.8%)`
HSV (or HSB)	154.1°, 45.5, 87.8
Web Safe	66cccc	`#66cccc`

CIE-LAB	82.24, -39.856, 12.409
XYZ	42.917, 60.741, 52.64
xyY	0.275, 0.389, 60.741
CIE-LCH	82.24, 41.743, 162.707
CIE-LUV	82.24, -46.459, 24.904
Hunter-Lab	77.937, -38.096, 14.51
Binary	01111010, 11100000, 10110100

#7ae0b4
```
#7ae0b4 rgb(122,224,180)
```
#e07aa6
```
#e07aa6 rgb(224,122,166)
```

Complementary Color

#7ae081
```
#7ae081 rgb(122,224,129)
```
#7ae0b4
```
#7ae0b4 rgb(122,224,180)
```
#7ad9e0
```
#7ad9e0 rgb(122,217,224)
```

Analogous Color

#e0817a
```
#e0817a rgb(224,129,122)
```
#7ae0b4
```
#7ae0b4 rgb(122,224,180)
```
#e07ad9
```
#e07ad9 rgb(224,122,217)
```

Split Complementary Color

#e0b47a
```
#e0b47a rgb(224,180,122)
```
#7ae0b4
```
#7ae0b4 rgb(122,224,180)
```
#b47ae0
```
#b47ae0 rgb(180,122,224)
```

Triadic Color

#a6e07a
```
#a6e07a rgb(166,224,122)
```
#7ae0b4
```
#7ae0b4 rgb(122,224,180)
```
#b47ae0
```
#b47ae0 rgb(180,122,224)
```
#e07aa6
```
#e07aa6 rgb(224,122,166)
```

Tetradic Color

#3cd291
```
#3cd291 rgb(60,210,145)
```
#51d69d
```
#51d69d rgb(81,214,157)
```
#65dba8
```
#65dba8 rgb(101,219,168)
```
#7ae0b4
```
#7ae0b4 rgb(122,224,180)
```
#8fe5c0
```
#8fe5c0 rgb(143,229,192)
```
#a3eacb
```
#a3eacb rgb(163,234,203)
```
#b8eed7
```
#b8eed7 rgb(184,238,215)
```

Monochromatic Color

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

#7ae09b
```
#7ae09b rgb(122,224,155)
```
#7ae0a3
```
#7ae0a3 rgb(122,224,163)
```
#7ae0ac
```
#7ae0ac rgb(122,224,172)
```
#7ae0b4
```
#7ae0b4 rgb(122,224,180)
```
#7ae0bd
```
#7ae0bd rgb(122,224,189)
```
#7ae0c5
```
#7ae0c5 rgb(122,224,197)
```
#7ae0ce
```
#7ae0ce rgb(122,224,206)
```

Similar Colors

Text with hexadecimal color #7ae0b4

This text has a font color of #7ae0b4.

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

#7ae0b4 background color

This paragraph has a background color of #7ae0b4.

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

#7ae0b4 border color

This element has a border color of #7ae0b4.

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

CSS codes

.text {color:#7ae0b4;}

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

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

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)
```
#0a2a1c
```
#0a2a1c rgb(10,42,28)
```
#0d3a27
```
#0d3a27 rgb(13,58,39)
```
#114a31
```
#114a31 rgb(17,74,49)
```
#155a3c
```
#155a3c rgb(21,90,60)
```
#196a47
```
#196a47 rgb(25,106,71)
```
#1c7a51
```
#1c7a51 rgb(28,122,81)
```
#20895c
```
#20895c rgb(32,137,92)
```
#249967
```
#249967 rgb(36,153,103)
```
#27a971
```
#27a971 rgb(39,169,113)
```
#2bb97c
```
#2bb97c rgb(43,185,124)
```
#2fc987
```
#2fc987 rgb(47,201,135)
```

Shade Color Variation

#3ad190
```
#3ad190 rgb(58,209,144)
```
#4ad599
```
#4ad599 rgb(74,213,153)
```
#5ad9a2
```
#5ad9a2 rgb(90,217,162)
```
#6adcab
```
#6adcab rgb(106,220,171)
```
#7ae0b4
```
#7ae0b4 rgb(122,224,180)
```
#8ae4bd
```
#8ae4bd rgb(138,228,189)
```
#9ae7c6
```
#9ae7c6 rgb(154,231,198)
```
#aaebcf
```
#aaebcf rgb(170,235,207)
```
#baefd8
```
#baefd8 rgb(186,239,216)
```
#caf3e1
```
#caf3e1 rgb(202,243,225)
```
#d9f6ea
```
#d9f6ea rgb(217,246,234)
```
#e9faf3
```
#e9faf3 rgb(233,250,243)
```
#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 #61f9b7 is the most saturated one.

#acaead
```
#acaead rgb(172,174,173)
```
#a6b4ae
```
#a6b4ae rgb(166,180,174)
```
#a0baaf
```
#a0baaf rgb(160,186,175)
```
#9ac0b0
```
#9ac0b0 rgb(154,192,176)
```
#93c7b1
```
#93c7b1 rgb(147,199,177)
```
#8dcdb1
```
#8dcdb1 rgb(141,205,177)
```
#87d3b2
```
#87d3b2 rgb(135,211,178)
```
#80dab3
```
#80dab3 rgb(128,218,179)
```
#7ae0b4
```
#7ae0b4 rgb(122,224,180)
```
#74e6b5
```
#74e6b5 rgb(116,230,181)
```
#6dedb6
```
#6dedb6 rgb(109,237,182)
```
#67f3b7
```
#67f3b7 rgb(103,243,183)
```
#61f9b7
```
#61f9b7 rgb(97,249,183)
```

Tone Color Variation

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

#daceaf Protanopia 1% of men
#e7c8c0 Deuteranopia 1% of men
#90daea Tritanopia 0.001% of the population

Trichromacy

#b7d4b0 Protanomaly 1% of men, 0.01% of women
#bfd1bb Deuteranomaly 6% of men, 0.4% of women
#88dcd6 Tritanomaly 0.01% of the population

#7ae0b4 hex color

#7ae0b4 Color Information

#7ae0b4 Color Conversion

Color Schemes with #7ae0b4

Alternatives to #7ae0b4

#7ae0b4 Preview

Shades and Tints of #7ae0b4

Tones of #7ae0b4

Color Blindness Simulator