#3caf6f Color Information
In a RGB color space, hex #3caf6f is composed of 23.5% red, 68.6% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 0% magenta, 36.6% yellow and 31.4% black. It has a hue angle of 146.6 degrees, a saturation of 48.9% and a lightness of 46.1%. #3caf6f color hex could be obtained by blending #78ffde with #005f00. Closest websafe color is: #339966.
-
- R 24
- G 69
- B 44
-
- C 66
- M 0
- Y 37
- K 31
● #3caf6f color description : Dark moderate cyan - lime green.
#3caf6f Color Conversion
The hexadecimal color #3caf6f has RGB values of R:60, G:175, B:111 and CMYK values of C:0.66, M:0, Y:0.37, K:0.31. Its decimal value is 3977071.
Hex triplet | 3caf6f | #3caf6f |
---|---|---|
RGB Decimal | 60, 175, 111 | rgb(60,175,111) |
RGB Percent | 23.5, 68.6, 43.5 | rgb(23.5%,68.6%,43.5%) |
CMYK | 66, 0, 37, 31 | |
HSL | 146.6°, 48.9, 46.1 | hsl(146.6,48.9%,46.1%) |
HSV (or HSB) | 146.6°, 65.7, 68.6 | |
Web Safe | 339966 | #339966 |
CIE-LAB | 63.971, -47.006, 23.617 |
---|---|
XYZ | 20.061, 32.767, 20.305 |
xyY | 0.274, 0.448, 32.767 |
CIE-LCH | 63.971, 52.605, 153.324 |
CIE-LUV | 63.971, -47.958, 38.914 |
Hunter-Lab | 57.242, -37.616, 19.038 |
Binary | 00111100, 10101111, 01101111 |
Color Schemes with #3caf6f
Alternatives to #3caf6f
Below, you can see some colors close to #3caf6f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3caf6f Preview
This text has a font color of #3caf6f.
<span style="color:#3caf6f;">Text here</span>
This paragraph has a background color of #3caf6f.
<p style="background-color:#3caf6f;">Content here</p>
This element has a border color of #3caf6f.
<div style="border:1px solid #3caf6f;">Content here</div>
.text {color:#3caf6f;}
.background {background-color:#3caf6f;}
.border {border:1px solid #3caf6f;}
Shades and Tints of #3caf6f
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, #050e09 is the darkest color, while #ffffff is the lightest one.
-
#050e09
#050e09
rgb(5,14,9)
-
#0a1d12
#0a1d12
rgb(10,29,18)
-
#0f2c1c
#0f2c1c
rgb(15,44,28)
-
#143a25
#143a25
rgb(20,58,37)
-
#19492e
#19492e
rgb(25,73,46)
-
#1e5737
#1e5737
rgb(30,87,55)
-
#236641
#236641
rgb(35,102,65)
-
#28754a
#28754a
rgb(40,117,74)
-
#2d8353
#2d8353
rgb(45,131,83)
-
#32925c
#32925c
rgb(50,146,92)
-
#37a066
#37a066
rgb(55,160,102)
-
#3caf6f
#3caf6f
rgb(60,175,111)
-
#41be78
#41be78
rgb(65,190,120)
-
#4fc383
#4fc383
rgb(79,195,131)
-
#5ec88d
#5ec88d
rgb(94,200,141)
-
#6dcd97
#6dcd97
rgb(109,205,151)
-
#7bd2a2
#7bd2a2
rgb(123,210,162)
-
#8ad7ac
#8ad7ac
rgb(138,215,172)
-
#98dcb6
#98dcb6
rgb(152,220,182)
-
#a7e1c1
#a7e1c1
rgb(167,225,193)
-
#b6e6cb
#b6e6cb
rgb(182,230,203)
-
#c4ebd5
#c4ebd5
rgb(196,235,213)
-
#d3f0e0
#d3f0e0
rgb(211,240,224)
-
#e1f5ea
#e1f5ea
rgb(225,245,234)
-
#f0faf4
#f0faf4
rgb(240,250,244)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #3caf6f
A tone is produced by adding gray to any pure hue. In this case, #727975 is the less saturated color, while #06e569 is the most saturated one.
-
#727975
#727975
rgb(114,121,117)
-
#698274
#698274
rgb(105,130,116)
-
#608b73
#608b73
rgb(96,139,115)
-
#579472
#579472
rgb(87,148,114)
-
#4e9d71
#4e9d71
rgb(78,157,113)
-
#45a670
#45a670
rgb(69,166,112)
-
#3caf6f
#3caf6f
rgb(60,175,111)
-
#33b86e
#33b86e
rgb(51,184,110)
-
#2ac16d
#2ac16d
rgb(42,193,109)
-
#21ca6c
#21ca6c
rgb(33,202,108)
-
#18d36b
#18d36b
rgb(24,211,107)
-
#0fdc6a
#0fdc6a
rgb(15,220,106)
-
#06e569
#06e569
rgb(6,229,105)
Color Blindness Simulator
Below, you can see how #3caf6f 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.