#2abc96 Color Information
In a RGB color space, hex #2abc96 is composed of 16.5% red, 73.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 0% magenta, 20.2% yellow and 26.3% black. It has a hue angle of 164.4 degrees, a saturation of 63.5% and a lightness of 45.1%. #2abc96 color hex could be obtained by blending #54ffff with #00792d. Closest websafe color is: #33cc99.
-
- R 16
- G 74
- B 59
-
- C 78
- M 0
- Y 20
- K 26
● #2abc96 color description : Strong cyan - lime green.
#2abc96 Color Conversion
The hexadecimal color #2abc96 has RGB values of R:42, G:188, B:150 and CMYK values of C:0.78, M:0, Y:0.2, K:0.26. Its decimal value is 2800790.
Hex triplet | 2abc96 | #2abc96 |
---|---|---|
RGB Decimal | 42, 188, 150 | rgb(42,188,150) |
RGB Percent | 16.5, 73.7, 58.8 | rgb(16.5%,73.7%,58.8%) |
CMYK | 78, 0, 20, 26 | |
HSL | 164.4°, 63.5, 45.1 | hsl(164.4,63.5%,45.1%) |
HSV (or HSB) | 164.4°, 77.7, 73.7 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 68.503, -46.284, 8.657 |
---|---|
XYZ | 24.441, 38.658, 35.026 |
xyY | 0.249, 0.394, 38.658 |
CIE-LCH | 68.503, 47.086, 169.406 |
CIE-LUV | 68.503, -53.456, 19.696 |
Hunter-Lab | 62.176, -38.64, 10.123 |
Binary | 00101010, 10111100, 10010110 |
Color Schemes with #2abc96
Alternatives to #2abc96
Below, you can see some colors close to #2abc96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2abc96 Preview
This text has a font color of #2abc96.
<span style="color:#2abc96;">Text here</span>
This paragraph has a background color of #2abc96.
<p style="background-color:#2abc96;">Content here</p>
This element has a border color of #2abc96.
<div style="border:1px solid #2abc96;">Content here</div>
.text {color:#2abc96;}
.background {background-color:#2abc96;}
.border {border:1px solid #2abc96;}
Shades and Tints of #2abc96
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, #030c09 is the darkest color, while #fbfefd is the lightest one.
-
#030c09
#030c09
rgb(3,12,9)
-
#061c16
#061c16
rgb(6,28,22)
-
#0a2c23
#0a2c23
rgb(10,44,35)
-
#0d3c30
#0d3c30
rgb(13,60,48)
-
#114c3c
#114c3c
rgb(17,76,60)
-
#155c49
#155c49
rgb(21,92,73)
-
#186c56
#186c56
rgb(24,108,86)
-
#1c7c63
#1c7c63
rgb(28,124,99)
-
#1f8c70
#1f8c70
rgb(31,140,112)
-
#239c7c
#239c7c
rgb(35,156,124)
-
#26ac89
#26ac89
rgb(38,172,137)
-
#2abc96
#2abc96
rgb(42,188,150)
-
#2ecca3
#2ecca3
rgb(46,204,163)
-
#3ad3ab
#3ad3ab
rgb(58,211,171)
-
#4ad7b2
#4ad7b2
rgb(74,215,178)
-
#5adab9
#5adab9
rgb(90,218,185)
-
#6adec0
#6adec0
rgb(106,222,192)
-
#7ae1c7
#7ae1c7
rgb(122,225,199)
-
#8ae5cd
#8ae5cd
rgb(138,229,205)
-
#9ae9d4
#9ae9d4
rgb(154,233,212)
-
#aaecdb
#aaecdb
rgb(170,236,219)
-
#baf0e2
#baf0e2
rgb(186,240,226)
-
#caf3e9
#caf3e9
rgb(202,243,233)
-
#dbf7ef
#dbf7ef
rgb(219,247,239)
-
#ebfaf6
#ebfaf6
rgb(235,250,246)
-
#fbfefd
#fbfefd
rgb(251,254,253)
Tones of #2abc96
A tone is produced by adding gray to any pure hue. In this case, #717574 is the less saturated color, while #07dfa7 is the most saturated one.
-
#717574
#717574
rgb(113,117,116)
-
#687e78
#687e78
rgb(104,126,120)
-
#5f877d
#5f877d
rgb(95,135,125)
-
#569081
#569081
rgb(86,144,129)
-
#4d9985
#4d9985
rgb(77,153,133)
-
#45a189
#45a189
rgb(69,161,137)
-
#3caa8e
#3caa8e
rgb(60,170,142)
-
#33b392
#33b392
rgb(51,179,146)
-
#2abc96
#2abc96
rgb(42,188,150)
-
#21c59a
#21c59a
rgb(33,197,154)
-
#18ce9e
#18ce9e
rgb(24,206,158)
-
#0fd7a3
#0fd7a3
rgb(15,215,163)
-
#07dfa7
#07dfa7
rgb(7,223,167)
Color Blindness Simulator
Below, you can see how #2abc96 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.