#7ed2bf hex color

In a RGB color space, hex #7ed2bf is composed of 49.4% red, 82.4% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 0% magenta, 9% yellow and 17.6% black. It has a hue angle of 166.4 degrees, a saturation of 48.3% and a lightness of 65.9%. #7ed2bf color hex could be obtained by blending #fcffff with #00a57f. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 49
- G 82
- B 75
RGB color chart
- C 40
- M 0
- Y 9
- K 18
CMYK color chart

● #7ed2bf color description : Slightly desaturated cyan.

The hexadecimal color #7ed2bf has RGB values of R:126, G:210, B:191 and CMYK values of C:0.4, M:0, Y:0.09, K:0.18. Its decimal value is 8311487.

Hex triplet	7ed2bf	`#7ed2bf`
RGB Decimal	126, 210, 191	`rgb(126,210,191)`
RGB Percent	49.4, 82.4, 74.9	`rgb(49.4%,82.4%,74.9%)`
CMYK	40, 0, 9, 18
HSL	166.4°, 48.3, 65.9	`hsl(166.4,48.3%,65.9%)`
HSV (or HSB)	166.4°, 40, 82.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.629, -29.935, 1.399
XYZ	41.052, 54.288, 57.603
xyY	0.268, 0.355, 54.288
CIE-LCH	78.629, 29.967, 177.324
CIE-LUV	78.629, -38.978, 7.017
Hunter-Lab	73.68, -29.487, 5.224
Binary	01111110, 11010010, 10111111

#7ed2bf
```
#7ed2bf rgb(126,210,191)
```
#d27e91
```
#d27e91 rgb(210,126,145)
```

Complementary Color

#7ed295
```
#7ed295 rgb(126,210,149)
```
#7ed2bf
```
#7ed2bf rgb(126,210,191)
```
#7ebbd2
```
#7ebbd2 rgb(126,187,210)
```

Analogous Color

#d2957e
```
#d2957e rgb(210,149,126)
```
#7ed2bf
```
#7ed2bf rgb(126,210,191)
```
#d27ebb
```
#d27ebb rgb(210,126,187)
```

Split Complementary Color

#d2bf7e
```
#d2bf7e rgb(210,191,126)
```
#7ed2bf
```
#7ed2bf rgb(126,210,191)
```
#bf7ed2
```
#bf7ed2 rgb(191,126,210)
```

Triadic Color

#91d27e
```
#91d27e rgb(145,210,126)
```
#7ed2bf
```
#7ed2bf rgb(126,210,191)
```
#bf7ed2
```
#bf7ed2 rgb(191,126,210)
```
#d27e91
```
#d27e91 rgb(210,126,145)
```

Tetradic Color

#45bea3
```
#45bea3 rgb(69,190,163)
```
#58c5ac
```
#58c5ac rgb(88,197,172)
```
#6bcbb6
```
#6bcbb6 rgb(107,203,182)
```
#7ed2bf
```
#7ed2bf rgb(126,210,191)
```
#91d9c8
```
#91d9c8 rgb(145,217,200)
```
#a4dfd2
```
#a4dfd2 rgb(164,223,210)
```
#b7e6db
```
#b7e6db rgb(183,230,219)
```

Monochromatic Color

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

#7ed2aa
```
#7ed2aa rgb(126,210,170)
```
#7ed2b1
```
#7ed2b1 rgb(126,210,177)
```
#7ed2b8
```
#7ed2b8 rgb(126,210,184)
```
#7ed2bf
```
#7ed2bf rgb(126,210,191)
```
#7ed2c6
```
#7ed2c6 rgb(126,210,198)
```
#7ed2cd
```
#7ed2cd rgb(126,210,205)
```
#7ed0d2
```
#7ed0d2 rgb(126,208,210)
```

Similar Colors

Text with hexadecimal color #7ed2bf

This text has a font color of #7ed2bf.

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

#7ed2bf background color

This paragraph has a background color of #7ed2bf.

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

#7ed2bf border color

This element has a border color of #7ed2bf.

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

CSS codes

.text {color:#7ed2bf;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#06100e
```
#06100e rgb(6,16,14)
```
#0b1f1a
```
#0b1f1a rgb(11,31,26)
```
#102e27
```
#102e27 rgb(16,46,39)
```
#153c33
```
#153c33 rgb(21,60,51)
```
#1a4b40
```
#1a4b40 rgb(26,75,64)
```
#1f594c
```
#1f594c rgb(31,89,76)
```
#246858
```
#246858 rgb(36,104,88)
```
#297665
```
#297665 rgb(41,118,101)
```
#2e8571
```
#2e8571 rgb(46,133,113)
```
#33937e
```
#33937e rgb(51,147,126)
```
#38a28a
```
#38a28a rgb(56,162,138)
```
#3eb096
```
#3eb096 rgb(62,176,150)
```

Shade Color Variation

#44bea2
```
#44bea2 rgb(68,190,162)
```
#52c3a9
```
#52c3a9 rgb(82,195,169)
```
#61c8b1
```
#61c8b1 rgb(97,200,177)
```
#6fcdb8
```
#6fcdb8 rgb(111,205,184)
```
#7ed2bf
```
#7ed2bf rgb(126,210,191)
```
#8dd7c6
```
#8dd7c6 rgb(141,215,198)
```
#9bdccd
```
#9bdccd rgb(155,220,205)
```
#aae1d5
```
#aae1d5 rgb(170,225,213)
```
#b8e6dc
```
#b8e6dc rgb(184,230,220)
```
#c7ebe3
```
#c7ebe3 rgb(199,235,227)
```
#d5f0ea
```
#d5f0ea rgb(213,240,234)
```
#e4f6f2
```
#e4f6f2 rgb(228,246,242)
```
#f2fbf9
```
#f2fbf9 rgb(242,251,249)
```

Tint Color Variation

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

#a6aaa9
```
#a6aaa9 rgb(166,170,169)
```
#9fb1ad
```
#9fb1ad rgb(159,177,173)
```
#99b7b0
```
#99b7b0 rgb(153,183,176)
```
#92beb4
```
#92beb4 rgb(146,190,180)
```
#8bc5b8
```
#8bc5b8 rgb(139,197,184)
```
#85cbbb
```
#85cbbb rgb(133,203,187)
```
#7ed2bf
```
#7ed2bf rgb(126,210,191)
```
#77d9c3
```
#77d9c3 rgb(119,217,195)
```
#71dfc6
```
#71dfc6 rgb(113,223,198)
```
#6ae6ca
```
#6ae6ca rgb(106,230,202)
```
#63edce
```
#63edce rgb(99,237,206)
```
#5df3d1
```
#5df3d1 rgb(93,243,209)
```
#56fad5
```
#56fad5 rgb(86,250,213)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#acbcb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc4ba Protanopia 1% of men
#d6c0c9 Deuteranopia 1% of men
#8dcfdf Tritanopia 0.001% of the population

Trichromacy

#afc9bc Protanomaly 1% of men, 0.01% of women
#b6c6c5 Deuteranomaly 6% of men, 0.4% of women
#88d0d3 Tritanomaly 0.01% of the population

#7ed2bf hex color

#7ed2bf Color Information

#7ed2bf Color Conversion

Color Schemes with #7ed2bf

Alternatives to #7ed2bf

#7ed2bf Preview

Shades and Tints of #7ed2bf

Tones of #7ed2bf

Color Blindness Simulator