#3abc96 Color Information
In a RGB color space, hex #3abc96 is composed of 22.7% red, 73.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 69.1% cyan, 0% magenta, 20.2% yellow and 26.3% black. It has a hue angle of 162.5 degrees, a saturation of 52.8% and a lightness of 48.2%. #3abc96 color hex could be obtained by blending #74ffff with #00792d. Closest websafe color is: #33cc99.
-
- R 23
- G 74
- B 59
-
- C 69
- M 0
- Y 20
- K 26
● #3abc96 color description : Moderate cyan - lime green.
#3abc96 Color Conversion
The hexadecimal color #3abc96 has RGB values of R:58, G:188, B:150 and CMYK values of C:0.69, M:0, Y:0.2, K:0.26. Its decimal value is 3849366.
Hex triplet | 3abc96 | #3abc96 |
---|---|---|
RGB Decimal | 58, 188, 150 | rgb(58,188,150) |
RGB Percent | 22.7, 73.7, 58.8 | rgb(22.7%,73.7%,58.8%) |
CMYK | 69, 0, 20, 26 | |
HSL | 162.5°, 52.8, 48.2 | hsl(162.5,52.8%,48.2%) |
HSV (or HSB) | 162.5°, 69.1, 73.7 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 68.799, -44.169, 9.119 |
---|---|
XYZ | 25.231, 39.066, 35.063 |
xyY | 0.254, 0.393, 39.066 |
CIE-LCH | 68.799, 45.1, 168.335 |
CIE-LUV | 68.799, -50.947, 20.065 |
Hunter-Lab | 62.503, -37.322, 10.491 |
Binary | 00111010, 10111100, 10010110 |
Color Schemes with #3abc96
Alternatives to #3abc96
Below, you can see some colors close to #3abc96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3abc96 Preview
This text has a font color of #3abc96.
<span style="color:#3abc96;">Text here</span>
This paragraph has a background color of #3abc96.
<p style="background-color:#3abc96;">Content here</p>
This element has a border color of #3abc96.
<div style="border:1px solid #3abc96;">Content here</div>
.text {color:#3abc96;}
.background {background-color:#3abc96;}
.border {border:1px solid #3abc96;}
Shades and Tints of #3abc96
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, #030806 is the darkest color, while #f8fdfb is the lightest one.
-
#030806
#030806
rgb(3,8,6)
-
#071712
#071712
rgb(7,23,18)
-
#0c261e
#0c261e
rgb(12,38,30)
-
#10352a
#10352a
rgb(16,53,42)
-
#154436
#154436
rgb(21,68,54)
-
#1a5342
#1a5342
rgb(26,83,66)
-
#1e624e
#1e624e
rgb(30,98,78)
-
#23715a
#23715a
rgb(35,113,90)
-
#288066
#288066
rgb(40,128,102)
-
#2c8f72
#2c8f72
rgb(44,143,114)
-
#319e7e
#319e7e
rgb(49,158,126)
-
#35ad8a
#35ad8a
rgb(53,173,138)
-
#3abc96
#3abc96
rgb(58,188,150)
-
#44c5a0
#44c5a0
rgb(68,197,160)
-
#53caa7
#53caa7
rgb(83,202,167)
-
#62cfaf
#62cfaf
rgb(98,207,175)
-
#71d3b7
#71d3b7
rgb(113,211,183)
-
#80d8be
#80d8be
rgb(128,216,190)
-
#8fddc6
#8fddc6
rgb(143,221,198)
-
#9ee1ce
#9ee1ce
rgb(158,225,206)
-
#ade6d5
#ade6d5
rgb(173,230,213)
-
#bceadd
#bceadd
rgb(188,234,221)
-
#cbefe5
#cbefe5
rgb(203,239,229)
-
#daf4ec
#daf4ec
rgb(218,244,236)
-
#e9f8f4
#e9f8f4
rgb(233,248,244)
-
#f8fdfb
#f8fdfb
rgb(248,253,251)
Tones of #3abc96
A tone is produced by adding gray to any pure hue. In this case, #73837e is the less saturated color, while #01f5ae is the most saturated one.
-
#73837e
#73837e
rgb(115,131,126)
-
#698d82
#698d82
rgb(105,141,130)
-
#609686
#609686
rgb(96,150,134)
-
#56a08a
#56a08a
rgb(86,160,138)
-
#4da98e
#4da98e
rgb(77,169,142)
-
#43b392
#43b392
rgb(67,179,146)
-
#3abc96
#3abc96
rgb(58,188,150)
-
#31c59a
#31c59a
rgb(49,197,154)
-
#27cf9e
#27cf9e
rgb(39,207,158)
-
#1ed8a2
#1ed8a2
rgb(30,216,162)
-
#14e2a6
#14e2a6
rgb(20,226,166)
-
#0bebaa
#0bebaa
rgb(11,235,170)
-
#01f5ae
#01f5ae
rgb(1,245,174)
Color Blindness Simulator
Below, you can see how #3abc96 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.