#7ed4a2 hex color

In a RGB color space, hex #7ed4a2 is composed of 49.4% red, 83.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 40.6% cyan, 0% magenta, 23.6% yellow and 16.9% black. It has a hue angle of 145.1 degrees, a saturation of 50% and a lightness of 66.3%. #7ed4a2 color hex could be obtained by blending #fcffff with #00a945. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 49
- G 83
- B 64
RGB color chart
- C 41
- M 0
- Y 24
- K 17
CMYK color chart

● #7ed4a2 color description : Slightly desaturated cyan - lime green.

The hexadecimal color #7ed4a2 has RGB values of R:126, G:212, B:162 and CMYK values of C:0.41, M:0, Y:0.24, K:0.17. Its decimal value is 8311970.

Hex triplet	7ed4a2	`#7ed4a2`
RGB Decimal	126, 212, 162	`rgb(126,212,162)`
RGB Percent	49.4, 83.1, 63.5	`rgb(49.4%,83.1%,63.5%)`
CMYK	41, 0, 24, 17
HSL	145.1°, 50, 66.3	`hsl(145.1,50%,66.3%)`
HSV (or HSB)	145.1°, 40.6, 83.1
Web Safe	66cc99	`#66cc99`

CIE-LAB	78.537, -37.002, 16.727
XYZ	38.667, 54.129, 42.591
xyY	0.286, 0.4, 54.129
CIE-LCH	78.537, 40.607, 155.674
CIE-LUV	78.537, -40.587, 30.214
Hunter-Lab	73.572, -34.939, 17.178
Binary	01111110, 11010100, 10100010

#7ed4a2
```
#7ed4a2 rgb(126,212,162)
```
#d47eb0
```
#d47eb0 rgb(212,126,176)
```

Complementary Color

#85d47e
```
#85d47e rgb(133,212,126)
```
#7ed4a2
```
#7ed4a2 rgb(126,212,162)
```
#7ed4cd
```
#7ed4cd rgb(126,212,205)
```

Analogous Color

#d47e85
```
#d47e85 rgb(212,126,133)
```
#7ed4a2
```
#7ed4a2 rgb(126,212,162)
```
#cd7ed4
```
#cd7ed4 rgb(205,126,212)
```

Split Complementary Color

#d4a27e
```
#d4a27e rgb(212,162,126)
```
#7ed4a2
```
#7ed4a2 rgb(126,212,162)
```
#a27ed4
```
#a27ed4 rgb(162,126,212)
```

Triadic Color

#b0d47e
```
#b0d47e rgb(176,212,126)
```
#7ed4a2
```
#7ed4a2 rgb(126,212,162)
```
#a27ed4
```
#a27ed4 rgb(162,126,212)
```
#d47eb0
```
#d47eb0 rgb(212,126,176)
```

Tetradic Color

#45c179
```
#45c179 rgb(69,193,121)
```
#58c786
```
#58c786 rgb(88,199,134)
```
#6bce94
```
#6bce94 rgb(107,206,148)
```
#7ed4a2
```
#7ed4a2 rgb(126,212,162)
```
#91dab0
```
#91dab0 rgb(145,218,176)
```
#a4e1be
```
#a4e1be rgb(164,225,190)
```
#b7e7cb
```
#b7e7cb rgb(183,231,203)
```

Monochromatic Color

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

#7ed48d
```
#7ed48d rgb(126,212,141)
```
#7ed494
```
#7ed494 rgb(126,212,148)
```
#7ed49b
```
#7ed49b rgb(126,212,155)
```
#7ed4a2
```
#7ed4a2 rgb(126,212,162)
```
#7ed4a9
```
#7ed4a9 rgb(126,212,169)
```
#7ed4b0
```
#7ed4b0 rgb(126,212,176)
```
#7ed4b8
```
#7ed4b8 rgb(126,212,184)
```

Similar Colors

Text with hexadecimal color #7ed4a2

This text has a font color of #7ed4a2.

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

#7ed4a2 background color

This paragraph has a background color of #7ed4a2.

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

#7ed4a2 border color

This element has a border color of #7ed4a2.

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

CSS codes

.text {color:#7ed4a2;}

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

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

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, #010302 is the darkest color, while #f4fbf7 is the lightest one.

#010302
```
#010302 rgb(1,3,2)
```
#06120b
```
#06120b rgb(6,18,11)
```
#0b2114
```
#0b2114 rgb(11,33,20)
```
#10301d
```
#10301d rgb(16,48,29)
```
#153e26
```
#153e26 rgb(21,62,38)
```
#1a4d2f
```
#1a4d2f rgb(26,77,47)
```
#1f5c38
```
#1f5c38 rgb(31,92,56)
```
#236a41
```
#236a41 rgb(35,106,65)
```
#28794a
```
#28794a rgb(40,121,74)
```
#2d8853
```
#2d8853 rgb(45,136,83)
```
#32975c
```
#32975c rgb(50,151,92)
```
#37a565
```
#37a565 rgb(55,165,101)
```
#3cb46e
```
#3cb46e rgb(60,180,110)
```

Shade Color Variation

#43c078
```
#43c078 rgb(67,192,120)
```
#52c582
```
#52c582 rgb(82,197,130)
```
#61ca8d
```
#61ca8d rgb(97,202,141)
```
#6fcf97
```
#6fcf97 rgb(111,207,151)
```
#7ed4a2
```
#7ed4a2 rgb(126,212,162)
```
#8dd9ad
```
#8dd9ad rgb(141,217,173)
```
#9bdeb7
```
#9bdeb7 rgb(155,222,183)
```
#aae3c2
```
#aae3c2 rgb(170,227,194)
```
#b9e8cc
```
#b9e8cc rgb(185,232,204)
```
#c8edd7
```
#c8edd7 rgb(200,237,215)
```
#d6f1e2
```
#d6f1e2 rgb(214,241,226)
```
#e5f6ec
```
#e5f6ec rgb(229,246,236)
```
#f4fbf7
```
#f4fbf7 rgb(244,251,247)
```

Tint Color Variation

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

#a6aca8
```
#a6aca8 rgb(166,172,168)
```
#9fb3a7
```
#9fb3a7 rgb(159,179,167)
```
#98baa6
```
#98baa6 rgb(152,186,166)
```
#92c0a5
```
#92c0a5 rgb(146,192,165)
```
#8bc7a4
```
#8bc7a4 rgb(139,199,164)
```
#85cda3
```
#85cda3 rgb(133,205,163)
```
#7ed4a2
```
#7ed4a2 rgb(126,212,162)
```
#77dba1
```
#77dba1 rgb(119,219,161)
```
#71e1a0
```
#71e1a0 rgb(113,225,160)
```
#6ae89f
```
#6ae89f rgb(106,232,159)
```
#64ee9e
```
#64ee9e rgb(100,238,158)
```
#5df59d
```
#5df59d rgb(93,245,157)
```
#56fc9c
```
#56fc9c rgb(86,252,156)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#aabbb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1c59f Protanopia 1% of men
#e0beae Deuteranopia 1% of men
#93cedd Tritanopia 0.001% of the population

Trichromacy

#b3caa0 Protanomaly 1% of men, 0.01% of women
#bcc6aa Deuteranomaly 6% of men, 0.4% of women
#8bd0c7 Tritanomaly 0.01% of the population

#7ed4a2 hex color

#7ed4a2 Color Information

#7ed4a2 Color Conversion

Color Schemes with #7ed4a2

Alternatives to #7ed4a2

#7ed4a2 Preview

Shades and Tints of #7ed4a2

Tones of #7ed4a2

Color Blindness Simulator