#3acc96 Color Information
In a RGB color space, hex #3acc96 is composed of 22.7% red, 80% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 71.6% cyan, 0% magenta, 26.5% yellow and 20% black. It has a hue angle of 157.8 degrees, a saturation of 58.9% and a lightness of 51.4%. #3acc96 color hex could be obtained by blending #74ffff with #00992d. Closest websafe color is: #33cc99.
-
- R 23
- G 80
- B 59
-
- C 72
- M 0
- Y 26
- K 20
● #3acc96 color description : Moderate cyan - lime green.
#3acc96 Color Conversion
The hexadecimal color #3acc96 has RGB values of R:58, G:204, B:150 and CMYK values of C:0.72, M:0, Y:0.26, K:0.2. Its decimal value is 3853462.
Hex triplet | 3acc96 | #3acc96 |
---|---|---|
RGB Decimal | 58, 204, 150 | rgb(58,204,150) |
RGB Percent | 22.7, 80, 58.8 | rgb(22.7%,80%,58.8%) |
CMYK | 72, 0, 26, 20 | |
HSL | 157.8°, 58.9, 51.4 | hsl(157.8,58.9%,51.4%) |
HSV (or HSB) | 157.8°, 71.6, 80 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 73.73, -50.777, 16.07 |
---|---|
XYZ | 28.841, 46.285, 36.266 |
xyY | 0.259, 0.416, 46.285 |
CIE-LCH | 73.73, 53.26, 162.439 |
CIE-LUV | 73.73, -56.712, 31.049 |
Hunter-Lab | 68.033, -43.387, 16.017 |
Binary | 00111010, 11001100, 10010110 |
Color Schemes with #3acc96
Alternatives to #3acc96
Below, you can see some colors close to #3acc96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3acc96 Preview
This text has a font color of #3acc96.
<span style="color:#3acc96;">Text here</span>
This paragraph has a background color of #3acc96.
<p style="background-color:#3acc96;">Content here</p>
This element has a border color of #3acc96.
<div style="border:1px solid #3acc96;">Content here</div>
.text {color:#3acc96;}
.background {background-color:#3acc96;}
.border {border:1px solid #3acc96;}
Shades and Tints of #3acc96
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, #010604 is the darkest color, while #f5fcfa is the lightest one.
-
#010604
#010604
rgb(1,6,4)
-
#05150f
#05150f
rgb(5,21,15)
-
#0a251b
#0a251b
rgb(10,37,27)
-
#0e3426
#0e3426
rgb(14,52,38)
-
#124431
#124431
rgb(18,68,49)
-
#16533d
#16533d
rgb(22,83,61)
-
#1a6348
#1a6348
rgb(26,99,72)
-
#1e7353
#1e7353
rgb(30,115,83)
-
#22825f
#22825f
rgb(34,130,95)
-
#26926a
#26926a
rgb(38,146,106)
-
#2aa175
#2aa175
rgb(42,161,117)
-
#2eb180
#2eb180
rgb(46,177,128)
-
#32c18c
#32c18c
rgb(50,193,140)
-
#3acc96
#3acc96
rgb(58,204,150)
-
#4ad09e
#4ad09e
rgb(74,208,158)
-
#59d4a7
#59d4a7
rgb(89,212,167)
-
#69d8af
#69d8af
rgb(105,216,175)
-
#78dcb7
#78dcb7
rgb(120,220,183)
-
#88e0c0
#88e0c0
rgb(136,224,192)
-
#97e4c8
#97e4c8
rgb(151,228,200)
-
#a7e8d0
#a7e8d0
rgb(167,232,208)
-
#b7ecd8
#b7ecd8
rgb(183,236,216)
-
#c6f0e1
#c6f0e1
rgb(198,240,225)
-
#d6f4e9
#d6f4e9
rgb(214,244,233)
-
#e5f8f1
#e5f8f1
rgb(229,248,241)
-
#f5fcfa
#f5fcfa
rgb(245,252,250)
Tones of #3acc96
A tone is produced by adding gray to any pure hue. In this case, #7d8985 is the less saturated color, while #0afca2 is the most saturated one.
-
#7d8985
#7d8985
rgb(125,137,133)
-
#739387
#739387
rgb(115,147,135)
-
#6a9c8a
#6a9c8a
rgb(106,156,138)
-
#60a68c
#60a68c
rgb(96,166,140)
-
#57af8f
#57af8f
rgb(87,175,143)
-
#4db991
#4db991
rgb(77,185,145)
-
#44c294
#44c294
rgb(68,194,148)
-
#3acc96
#3acc96
rgb(58,204,150)
-
#30d698
#30d698
rgb(48,214,152)
-
#27df9b
#27df9b
rgb(39,223,155)
-
#1de99d
#1de99d
rgb(29,233,157)
-
#14f2a0
#14f2a0
rgb(20,242,160)
-
#0afca2
#0afca2
rgb(10,252,162)
Color Blindness Simulator
Below, you can see how #3acc96 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.