#3ab970 Color Information
In a RGB color space, hex #3ab970 is composed of 22.7% red, 72.5% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 0% magenta, 39.5% yellow and 27.5% black. It has a hue angle of 145.5 degrees, a saturation of 52.3% and a lightness of 47.6%. #3ab970 color hex could be obtained by blending #74ffe0 with #007300. Closest websafe color is: #33cc66.
-
- R 23
- G 73
- B 44
-
- C 69
- M 0
- Y 39
- K 27
● #3ab970 color description : Moderate cyan - lime green.
#3ab970 Color Conversion
The hexadecimal color #3ab970 has RGB values of R:58, G:185, B:112 and CMYK values of C:0.69, M:0, Y:0.39, K:0.27. Its decimal value is 3848560.
Hex triplet | 3ab970 | #3ab970 |
---|---|---|
RGB Decimal | 58, 185, 112 | rgb(58,185,112) |
RGB Percent | 22.7, 72.5, 43.9 | rgb(22.7%,72.5%,43.9%) |
CMYK | 69, 0, 39, 27 | |
HSL | 145.5°, 52.3, 47.6 | hsl(145.5,52.3%,47.6%) |
HSV (or HSB) | 145.5°, 68.6, 72.5 | |
Web Safe | 33cc66 | #33cc66 |
CIE-LAB | 67.101, -51.118, 27.24 |
---|---|
XYZ | 22.017, 36.765, 21.264 |
xyY | 0.275, 0.459, 36.765 |
CIE-LCH | 67.101, 57.923, 151.947 |
CIE-LUV | 67.101, -52.032, 44.378 |
Hunter-Lab | 60.634, -41.295, 21.651 |
Binary | 00111010, 10111001, 01110000 |
Color Schemes with #3ab970
Alternatives to #3ab970
Below, you can see some colors close to #3ab970. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ab970 Preview
This text has a font color of #3ab970.
<span style="color:#3ab970;">Text here</span>
This paragraph has a background color of #3ab970.
<p style="background-color:#3ab970;">Content here</p>
This element has a border color of #3ab970.
<div style="border:1px solid #3ab970;">Content here</div>
.text {color:#3ab970;}
.background {background-color:#3ab970;}
.border {border:1px solid #3ab970;}
Shades and Tints of #3ab970
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, #020604 is the darkest color, while #f6fcf9 is the lightest one.
-
#020604
#020604
rgb(2,6,4)
-
#06150d
#06150d
rgb(6,21,13)
-
#0b2416
#0b2416
rgb(11,36,22)
-
#10331f
#10331f
rgb(16,51,31)
-
#154228
#154228
rgb(21,66,40)
-
#195031
#195031
rgb(25,80,49)
-
#1e5f3a
#1e5f3a
rgb(30,95,58)
-
#236e43
#236e43
rgb(35,110,67)
-
#277d4c
#277d4c
rgb(39,125,76)
-
#2c8c55
#2c8c55
rgb(44,140,85)
-
#319b5e
#319b5e
rgb(49,155,94)
-
#35aa67
#35aa67
rgb(53,170,103)
-
#3ab970
#3ab970
rgb(58,185,112)
-
#43c47a
#43c47a
rgb(67,196,122)
-
#52c984
#52c984
rgb(82,201,132)
-
#61cd8f
#61cd8f
rgb(97,205,143)
-
#6fd299
#6fd299
rgb(111,210,153)
-
#7ed7a4
#7ed7a4
rgb(126,215,164)
-
#8ddbaf
#8ddbaf
rgb(141,219,175)
-
#9ce0b9
#9ce0b9
rgb(156,224,185)
-
#abe5c4
#abe5c4
rgb(171,229,196)
-
#bae9ce
#bae9ce
rgb(186,233,206)
-
#c9eed9
#c9eed9
rgb(201,238,217)
-
#d8f3e3
#d8f3e3
rgb(216,243,227)
-
#e7f7ee
#e7f7ee
rgb(231,247,238)
-
#f6fcf9
#f6fcf9
rgb(246,252,249)
Tones of #3ab970
A tone is produced by adding gray to any pure hue. In this case, #728178 is the less saturated color, while #02f168 is the most saturated one.
-
#728178
#728178
rgb(114,129,120)
-
#698a77
#698a77
rgb(105,138,119)
-
#5f9476
#5f9476
rgb(95,148,118)
-
#569d74
#569d74
rgb(86,157,116)
-
#4da673
#4da673
rgb(77,166,115)
-
#43b071
#43b071
rgb(67,176,113)
-
#3ab970
#3ab970
rgb(58,185,112)
-
#31c26f
#31c26f
rgb(49,194,111)
-
#27cc6d
#27cc6d
rgb(39,204,109)
-
#1ed56c
#1ed56c
rgb(30,213,108)
-
#15de6a
#15de6a
rgb(21,222,106)
-
#0be869
#0be869
rgb(11,232,105)
-
#02f168
#02f168
rgb(2,241,104)
Color Blindness Simulator
Below, you can see how #3ab970 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.