#2ec7bc hex color

In a RGB color space, hex #2ec7bc is composed of 18% red, 78% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 0% magenta, 5.5% yellow and 22% black. It has a hue angle of 175.7 degrees, a saturation of 62.4% and a lightness of 48%. #2ec7bc color hex could be obtained by blending #5cffff with #008f79. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 18
- G 78
- B 74
RGB color chart
- C 77
- M 0
- Y 6
- K 22
CMYK color chart

● #2ec7bc color description : Strong cyan.

The hexadecimal color #2ec7bc has RGB values of R:46, G:199, B:188 and CMYK values of C:0.77, M:0, Y:0.06, K:0.22. Its decimal value is 3065788.

Hex triplet	2ec7bc	`#2ec7bc`
RGB Decimal	46, 199, 188	`rgb(46,199,188)`
RGB Percent	18, 78, 73.7	`rgb(18%,78%,73.7%)`
CMYK	77, 0, 6, 22
HSL	175.7°, 62.4, 48	`hsl(175.7,62.4%,48%)`
HSV (or HSB)	175.7°, 76.9, 78
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.928, -40.535, -5.624
XYZ	30.624, 45.056, 54.657
xyY	0.235, 0.346, 45.056
CIE-LCH	72.928, 40.923, 187.899
CIE-LUV	72.928, -54.142, -2.345
Hunter-Lab	67.123, -36.027, -1.292
Binary	00101110, 11000111, 10111100

#2ec7bc
```
#2ec7bc rgb(46,199,188)
```
#c72e39
```
#c72e39 rgb(199,46,57)
```

Complementary Color

#2ec770
```
#2ec770 rgb(46,199,112)
```
#2ec7bc
```
#2ec7bc rgb(46,199,188)
```
#2e86c7
```
#2e86c7 rgb(46,134,199)
```

Analogous Color

#c7702e
```
#c7702e rgb(199,112,46)
```
#2ec7bc
```
#2ec7bc rgb(46,199,188)
```
#c72e86
```
#c72e86 rgb(199,46,134)
```

Split Complementary Color

#c7bc2e
```
#c7bc2e rgb(199,188,46)
```
#2ec7bc
```
#2ec7bc rgb(46,199,188)
```
#bc2ec7
```
#bc2ec7 rgb(188,46,199)
```

Triadic Color

#39c72e
```
#39c72e rgb(57,199,46)
```
#2ec7bc
```
#2ec7bc rgb(46,199,188)
```
#bc2ec7
```
#bc2ec7 rgb(188,46,199)
```
#c72e39
```
#c72e39 rgb(199,46,57)
```

Tetradic Color

#208981
```
#208981 rgb(32,137,129)
```
#249e95
```
#249e95 rgb(36,158,149)
```
#29b2a8
```
#29b2a8 rgb(41,178,168)
```
#2ec7bc
```
#2ec7bc rgb(46,199,188)
```
#3cd2c7
```
#3cd2c7 rgb(60,210,199)
```
#51d7cd
```
#51d7cd rgb(81,215,205)
```
#66dcd3
```
#66dcd3 rgb(102,220,211)
```

Monochromatic Color

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

#2ec796
```
#2ec796 rgb(46,199,150)
```
#2ec7a3
```
#2ec7a3 rgb(46,199,163)
```
#2ec7af
```
#2ec7af rgb(46,199,175)
```
#2ec7bc
```
#2ec7bc rgb(46,199,188)
```
#2ec5c7
```
#2ec5c7 rgb(46,197,199)
```
#2eb9c7
```
#2eb9c7 rgb(46,185,199)
```
#2eacc7
```
#2eacc7 rgb(46,172,199)
```

Similar Colors

Text with hexadecimal color #2ec7bc

This text has a font color of #2ec7bc.

<span style="color:#2ec7bc;">Text here</span>

#2ec7bc background color

This paragraph has a background color of #2ec7bc.

<p style="background-color:#2ec7bc;">Content here</p>

#2ec7bc border color

This element has a border color of #2ec7bc.

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

CSS codes

.text {color:#2ec7bc;}

.background {background-color:#2ec7bc;}

.border {border:1px solid #2ec7bc;}

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

#020807
```
#020807 rgb(2,8,7)
```
#051816
```
#051816 rgb(5,24,22)
```
#092825
```
#092825 rgb(9,40,37)
```
#0d3835
```
#0d3835 rgb(13,56,53)
```
#114844
```
#114844 rgb(17,72,68)
```
#145753
```
#145753 rgb(20,87,83)
```
#186762
```
#186762 rgb(24,103,98)
```
#1c7771
```
#1c7771 rgb(28,119,113)
```
#1f8780
```
#1f8780 rgb(31,135,128)
```
#23978f
```
#23978f rgb(35,151,143)
```
#27a79e
```
#27a79e rgb(39,167,158)
```
#2ab7ad
```
#2ab7ad rgb(42,183,173)
```
#2ec7bc
```
#2ec7bc rgb(46,199,188)
```

Shade Color Variation

#38d1c6
```
#38d1c6 rgb(56,209,198)
```
#48d5ca
```
#48d5ca rgb(72,213,202)
```
#58d8cf
```
#58d8cf rgb(88,216,207)
```
#67dcd4
```
#67dcd4 rgb(103,220,212)
```
#77e0d8
```
#77e0d8 rgb(119,224,216)
```
#87e3dd
```
#87e3dd rgb(135,227,221)
```
#97e7e1
```
#97e7e1 rgb(151,231,225)
```
#a7ebe6
```
#a7ebe6 rgb(167,235,230)
```
#b7eeea
```
#b7eeea rgb(183,238,234)
```
#c7f2ef
```
#c7f2ef rgb(199,242,239)
```
#d7f6f4
```
#d7f6f4 rgb(215,246,244)
```
#e7f9f8
```
#e7f9f8 rgb(231,249,248)
```
#f7fdfd
```
#f7fdfd rgb(247,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797c7b is the less saturated color, while #08eddc is the most saturated one.

#797c7b
```
#797c7b rgb(121,124,123)
```
#708584
```
#708584 rgb(112,133,132)
```
#678e8c
```
#678e8c rgb(103,142,140)
```
#5d9894
```
#5d9894 rgb(93,152,148)
```
#54a19c
```
#54a19c rgb(84,161,156)
```
#4aaba4
```
#4aaba4 rgb(74,171,164)
```
#41b4ac
```
#41b4ac rgb(65,180,172)
```
#37beb4
```
#37beb4 rgb(55,190,180)
```
#2ec7bc
```
#2ec7bc rgb(46,199,188)
```
#25d0c4
```
#25d0c4 rgb(37,208,196)
```
#1bdacc
```
#1bdacc rgb(27,218,204)
```
#12e3d4
```
#12e3d4 rgb(18,227,212)
```
#08eddc
```
#08eddc rgb(8,237,220)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#83a19f Atypical Achromatopsia 0.001% of the population

Dichromacy

#bab6b4 Protanopia 1% of men
#bfb2c8 Deuteranopia 1% of men
#4bc6d5 Tritanopia 0.001% of the population

Trichromacy

#87bcb7 Protanomaly 1% of men, 0.01% of women
#8ab9c3 Deuteranomaly 6% of men, 0.4% of women
#40c6cb Tritanomaly 0.01% of the population

#2ec7bc hex color

#2ec7bc Color Information

#2ec7bc Color Conversion

Color Schemes with #2ec7bc

Alternatives to #2ec7bc

#2ec7bc Preview

Shades and Tints of #2ec7bc

Tones of #2ec7bc

Color Blindness Simulator