#7ec0b4 hex color

In a RGB color space, hex #7ec0b4 is composed of 49.4% red, 75.3% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 34.4% cyan, 0% magenta, 6.2% yellow and 24.7% black. It has a hue angle of 169.1 degrees, a saturation of 34.4% and a lightness of 62.4%. #7ec0b4 color hex could be obtained by blending #fcffff with #008169. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 49
- G 75
- B 71
RGB color chart
- C 34
- M 0
- Y 6
- K 25
CMYK color chart

● #7ec0b4 color description : Slightly desaturated cyan.

The hexadecimal color #7ec0b4 has RGB values of R:126, G:192, B:180 and CMYK values of C:0.34, M:0, Y:0.06, K:0.25. Its decimal value is 8306868.

Hex triplet	7ec0b4	`#7ec0b4`
RGB Decimal	126, 192, 180	`rgb(126,192,180)`
RGB Percent	49.4, 75.3, 70.6	`rgb(49.4%,75.3%,70.6%)`
CMYK	34, 0, 6, 25
HSL	169.1°, 34.4, 62.4	`hsl(169.1,34.4%,62.4%)`
HSV (or HSB)	169.1°, 34.4, 75.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.173, -23.646, -0.621
XYZ	35.69, 45.428, 50.066
xyY	0.272, 0.346, 45.428
CIE-LCH	73.173, 23.654, 181.504
CIE-LUV	73.173, -31.62, 2.92
Hunter-Lab	67.401, -23.432, 3.14
Binary	01111110, 11000000, 10110100

#7ec0b4
```
#7ec0b4 rgb(126,192,180)
```
#c07e8a
```
#c07e8a rgb(192,126,138)
```

Complementary Color

#7ec093
```
#7ec093 rgb(126,192,147)
```
#7ec0b4
```
#7ec0b4 rgb(126,192,180)
```
#7eabc0
```
#7eabc0 rgb(126,171,192)
```

Analogous Color

#c0937e
```
#c0937e rgb(192,147,126)
```
#7ec0b4
```
#7ec0b4 rgb(126,192,180)
```
#c07eab
```
#c07eab rgb(192,126,171)
```

Split Complementary Color

#c0b47e
```
#c0b47e rgb(192,180,126)
```
#7ec0b4
```
#7ec0b4 rgb(126,192,180)
```
#b47ec0
```
#b47ec0 rgb(180,126,192)
```

Triadic Color

#8ac07e
```
#8ac07e rgb(138,192,126)
```
#7ec0b4
```
#7ec0b4 rgb(126,192,180)
```
#b47ec0
```
#b47ec0 rgb(180,126,192)
```
#c07e8a
```
#c07e8a rgb(192,126,138)
```

Tetradic Color

#4fa293
```
#4fa293 rgb(79,162,147)
```
#5cafa0
```
#5cafa0 rgb(92,175,160)
```
#6db8aa
```
#6db8aa rgb(109,184,170)
```
#7ec0b4
```
#7ec0b4 rgb(126,192,180)
```
#8fc8be
```
#8fc8be rgb(143,200,190)
```
#a0d1c8
```
#a0d1c8 rgb(160,209,200)
```
#b1d9d2
```
#b1d9d2 rgb(177,217,210)
```

Monochromatic Color

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

#7ec0a4
```
#7ec0a4 rgb(126,192,164)
```
#7ec0a9
```
#7ec0a9 rgb(126,192,169)
```
#7ec0af
```
#7ec0af rgb(126,192,175)
```
#7ec0b4
```
#7ec0b4 rgb(126,192,180)
```
#7ec0ba
```
#7ec0ba rgb(126,192,186)
```
#7ec0bf
```
#7ec0bf rgb(126,192,191)
```
#7ebcc0
```
#7ebcc0 rgb(126,188,192)
```

Similar Colors

Text with hexadecimal color #7ec0b4

This text has a font color of #7ec0b4.

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

#7ec0b4 background color

This paragraph has a background color of #7ec0b4.

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

#7ec0b4 border color

This element has a border color of #7ec0b4.

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

CSS codes

.text {color:#7ec0b4;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#08100e
```
#08100e rgb(8,16,14)
```
#0e1d1a
```
#0e1d1a rgb(14,29,26)
```
#152a26
```
#152a26 rgb(21,42,38)
```
#1b3832
```
#1b3832 rgb(27,56,50)
```
#22453e
```
#22453e rgb(34,69,62)
```
#28524a
```
#28524a rgb(40,82,74)
```
#2e5f56
```
#2e5f56 rgb(46,95,86)
```
#356c62
```
#356c62 rgb(53,108,98)
```
#3b796e
```
#3b796e rgb(59,121,110)
```
#42877a
```
#42877a rgb(66,135,122)
```
#489486
```
#489486 rgb(72,148,134)
```
#4fa192
```
#4fa192 rgb(79,161,146)
```

Shade Color Variation

#56ad9d
```
#56ad9d rgb(86,173,157)
```
#64b3a5
```
#64b3a5 rgb(100,179,165)
```
#71baac
```
#71baac rgb(113,186,172)
```
#7ec0b4
```
#7ec0b4 rgb(126,192,180)
```
#8bc6bc
```
#8bc6bc rgb(139,198,188)
```
#98cdc3
```
#98cdc3 rgb(152,205,195)
```
#a6d3cb
```
#a6d3cb rgb(166,211,203)
```
#b3dad3
```
#b3dad3 rgb(179,218,211)
```
#c0e0da
```
#c0e0da rgb(192,224,218)
```
#cde7e2
```
#cde7e2 rgb(205,231,226)
```
#daedea
```
#daedea rgb(218,237,234)
```
#e7f3f1
```
#e7f3f1 rgb(231,243,241)
```
#f5faf9
```
#f5faf9 rgb(245,250,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ca2a1 is the less saturated color, while #43fbda is the most saturated one.

#9ca2a1
```
#9ca2a1 rgb(156,162,161)
```
#94aaa6
```
#94aaa6 rgb(148,170,166)
```
#8db1ab
```
#8db1ab rgb(141,177,171)
```
#85b9af
```
#85b9af rgb(133,185,175)
```
#7ec0b4
```
#7ec0b4 rgb(126,192,180)
```
#77c7b9
```
#77c7b9 rgb(119,199,185)
```
#6fcfbd
```
#6fcfbd rgb(111,207,189)
```
#68d6c2
```
#68d6c2 rgb(104,214,194)
```
#60dec7
```
#60dec7 rgb(96,222,199)
```
#59e5cb
```
#59e5cb rgb(89,229,203)
```
#52ecd0
```
#52ecd0 rgb(82,236,208)
```
#4af4d5
```
#4af4d5 rgb(74,244,213)
```
#43fbda
```
#43fbda rgb(67,251,218)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#a2afad Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb6b1 Protanopia 1% of men
#c5b2bd Deuteranopia 1% of men
#8bbfcd Tritanopia 0.001% of the population

Trichromacy

#a5bab2 Protanomaly 1% of men, 0.01% of women
#abb7ba Deuteranomaly 6% of men, 0.4% of women
#86bfc4 Tritanomaly 0.01% of the population

#7ec0b4 hex color

#7ec0b4 Color Information

#7ec0b4 Color Conversion

Color Schemes with #7ec0b4

Alternatives to #7ec0b4

#7ec0b4 Preview

Shades and Tints of #7ec0b4

Tones of #7ec0b4

Color Blindness Simulator