#3acc97 Color Information
In a RGB color space, hex #3acc97 is composed of 22.7% red, 80% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 71.6% cyan, 0% magenta, 26% yellow and 20% black. It has a hue angle of 158.2 degrees, a saturation of 58.9% and a lightness of 51.4%. #3acc97 color hex could be obtained by blending #74ffff with #00992f. Closest websafe color is: #33cc99.
-
- R 23
- G 80
- B 59
-
- C 72
- M 0
- Y 26
- K 20
● #3acc97 color description : Moderate cyan - lime green.
#3acc97 Color Conversion
The hexadecimal color #3acc97 has RGB values of R:58, G:204, B:151 and CMYK values of C:0.72, M:0, Y:0.26, K:0.2. Its decimal value is 3853463.
Hex triplet | 3acc97 | #3acc97 |
---|---|---|
RGB Decimal | 58, 204, 151 | rgb(58,204,151) |
RGB Percent | 22.7, 80, 59.2 | rgb(22.7%,80%,59.2%) |
CMYK | 72, 0, 26, 20 | |
HSL | 158.2°, 58.9, 51.4 | hsl(158.2,58.9%,51.4%) |
HSV (or HSB) | 158.2°, 71.6, 80 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 73.751, -50.554, 15.565 |
---|---|
XYZ | 28.921, 46.317, 36.692 |
xyY | 0.258, 0.414, 46.317 |
CIE-LCH | 73.751, 52.896, 162.887 |
CIE-LUV | 73.751, -56.65, 30.33 |
Hunter-Lab | 68.057, -43.243, 15.674 |
Binary | 00111010, 11001100, 10010111 |
Color Schemes with #3acc97
Alternatives to #3acc97
Below, you can see some colors close to #3acc97. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3acc97 Preview
This text has a font color of #3acc97.
<span style="color:#3acc97;">Text here</span>
This paragraph has a background color of #3acc97.
<p style="background-color:#3acc97;">Content here</p>
This element has a border color of #3acc97.
<div style="border:1px solid #3acc97;">Content here</div>
.text {color:#3acc97;}
.background {background-color:#3acc97;}
.border {border:1px solid #3acc97;}
Shades and Tints of #3acc97
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)
-
#124432
#124432
rgb(18,68,50)
-
#16533d
#16533d
rgb(22,83,61)
-
#1a6348
#1a6348
rgb(26,99,72)
-
#1e7354
#1e7354
rgb(30,115,84)
-
#22825f
#22825f
rgb(34,130,95)
-
#26926b
#26926b
rgb(38,146,107)
-
#2aa176
#2aa176
rgb(42,161,118)
-
#2eb181
#2eb181
rgb(46,177,129)
-
#32c18d
#32c18d
rgb(50,193,141)
-
#3acc97
#3acc97
rgb(58,204,151)
-
#4ad09f
#4ad09f
rgb(74,208,159)
-
#59d4a7
#59d4a7
rgb(89,212,167)
-
#69d8b0
#69d8b0
rgb(105,216,176)
-
#78dcb8
#78dcb8
rgb(120,220,184)
-
#88e0c0
#88e0c0
rgb(136,224,192)
-
#97e4c8
#97e4c8
rgb(151,228,200)
-
#a7e8d1
#a7e8d1
rgb(167,232,209)
-
#b7ecd9
#b7ecd9
rgb(183,236,217)
-
#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 #3acc97
A tone is produced by adding gray to any pure hue. In this case, #7d8985 is the less saturated color, while #0afca4 is the most saturated one.
-
#7d8985
#7d8985
rgb(125,137,133)
-
#739387
#739387
rgb(115,147,135)
-
#6a9c8a
#6a9c8a
rgb(106,156,138)
-
#60a68d
#60a68d
rgb(96,166,141)
-
#57af8f
#57af8f
rgb(87,175,143)
-
#4db992
#4db992
rgb(77,185,146)
-
#44c294
#44c294
rgb(68,194,148)
-
#3acc97
#3acc97
rgb(58,204,151)
-
#30d69a
#30d69a
rgb(48,214,154)
-
#27df9c
#27df9c
rgb(39,223,156)
-
#1de99f
#1de99f
rgb(29,233,159)
-
#14f2a1
#14f2a1
rgb(20,242,161)
-
#0afca4
#0afca4
rgb(10,252,164)
Color Blindness Simulator
Below, you can see how #3acc97 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.