#2ecba7 Color Information
In a RGB color space, hex #2ecba7 is composed of 18% red, 79.6% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 0% magenta, 17.7% yellow and 20.4% black. It has a hue angle of 166.2 degrees, a saturation of 63.1% and a lightness of 48.8%. #2ecba7 color hex could be obtained by blending #5cffff with #00974f. Closest websafe color is: #33cc99.
-
- R 18
- G 80
- B 65
-
- C 77
- M 0
- Y 18
- K 20
● #2ecba7 color description : Strong cyan.
#2ecba7 Color Conversion
The hexadecimal color #2ecba7 has RGB values of R:46, G:203, B:167 and CMYK values of C:0.77, M:0, Y:0.18, K:0.2. Its decimal value is 3066791.
| Hex triplet | 2ecba7 | #2ecba7 |
|---|---|---|
| RGB Decimal | 46, 203, 167 | rgb(46,203,167) |
| RGB Percent | 18, 79.6, 65.5 | rgb(18%,79.6%,65.5%) |
| CMYK | 77, 0, 18, 20 | |
| HSL | 166.2°, 63.1, 48.8 | hsl(166.2,63.1%,48.8%) |
| HSV (or HSB) | 166.2°, 77.3, 79.6 | |
| Web Safe | 33cc99 | #33cc99 |
| CIE-LAB | 73.597, -47.836, 6.728 |
|---|---|
| XYZ | 29.455, 46.08, 43.899 |
| xyY | 0.247, 0.386, 46.08 |
| CIE-LCH | 73.597, 48.307, 171.994 |
| CIE-LUV | 73.597, -57.032, 17.435 |
| Hunter-Lab | 67.882, -41.34, 9.175 |
| Binary | 00101110, 11001011, 10100111 |
Color Schemes with #2ecba7
Alternatives to #2ecba7
Below, you can see some colors close to #2ecba7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2ecba7 Preview
This text has a font color of #2ecba7.
<span style="color:#2ecba7;">Text here</span>
This paragraph has a background color of #2ecba7.
<p style="background-color:#2ecba7;">Content here</p>
This element has a border color of #2ecba7.
<div style="border:1px solid #2ecba7;">Content here</div>
.text {color:#2ecba7;}
.background {background-color:#2ecba7;}
.border {border:1px solid #2ecba7;}
Shades and Tints of #2ecba7
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, #030b09 is the darkest color, while #fafefd is the lightest one.
-
#030b09
#030b09rgb(3,11,9) -
#061b16
#061b16rgb(6,27,22) -
#0a2b23
#0a2b23rgb(10,43,35) -
#0d3b31
#0d3b31rgb(13,59,49) -
#114b3e
#114b3ergb(17,75,62) -
#155b4b
#155b4brgb(21,91,75) -
#186b58
#186b58rgb(24,107,88) -
#1c7b65
#1c7b65rgb(28,123,101) -
#208b72
#208b72rgb(32,139,114) -
#239b80
#239b80rgb(35,155,128) -
#27ab8d
#27ab8drgb(39,171,141) -
#2abb9a
#2abb9argb(42,187,154) -
#2ecba7
#2ecba7rgb(46,203,167)
-
#3ad2b0
#3ad2b0rgb(58,210,176) -
#4ad6b6
#4ad6b6rgb(74,214,182) -
#5adabc
#5adabcrgb(90,218,188) -
#6addc3
#6addc3rgb(106,221,195) -
#7ae1c9
#7ae1c9rgb(122,225,201) -
#8ae5d0
#8ae5d0rgb(138,229,208) -
#9ae8d6
#9ae8d6rgb(154,232,214) -
#aaecdd
#aaecddrgb(170,236,221) -
#baefe3
#baefe3rgb(186,239,227) -
#caf3ea
#caf3eargb(202,243,234) -
#daf7f0
#daf7f0rgb(218,247,240) -
#eafaf7
#eafaf7rgb(234,250,247) -
#fafefd
#fafefdrgb(250,254,253)
Tones of #2ecba7
A tone is produced by adding gray to any pure hue. In this case, #7b7e7e is the less saturated color, while #08f1bc is the most saturated one.
-
#7b7e7e
#7b7e7ergb(123,126,126) -
#718883
#718883rgb(113,136,131) -
#679288
#679288rgb(103,146,136) -
#5e9b8d
#5e9b8drgb(94,155,141) -
#54a592
#54a592rgb(84,165,146) -
#4bae97
#4bae97rgb(75,174,151) -
#41b89d
#41b89drgb(65,184,157) -
#38c1a2
#38c1a2rgb(56,193,162) -
#2ecba7
#2ecba7rgb(46,203,167) -
#24d5ac
#24d5acrgb(36,213,172) -
#1bdeb1
#1bdeb1rgb(27,222,177) -
#11e8b7
#11e8b7rgb(17,232,183) -
#08f1bc
#08f1bcrgb(8,241,188)
Color Blindness Simulator
Below, you can see how #2ecba7 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.
