#3caf97 Color Information
In a RGB color space, hex #3caf97 is composed of 23.5% red, 68.6% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 0% magenta, 13.7% yellow and 31.4% black. It has a hue angle of 167.5 degrees, a saturation of 48.9% and a lightness of 46.1%. #3caf97 color hex could be obtained by blending #78ffff with #005f2f. Closest websafe color is: #339999.
-
- R 24
- G 69
- B 59
-
- C 66
- M 0
- Y 14
- K 31
● #3caf97 color description : Dark moderate cyan.
#3caf97 Color Conversion
The hexadecimal color #3caf97 has RGB values of R:60, G:175, B:151 and CMYK values of C:0.66, M:0, Y:0.14, K:0.31. Its decimal value is 3977111.
Hex triplet | 3caf97 | #3caf97 |
---|---|---|
RGB Decimal | 60, 175, 151 | rgb(60,175,151) |
RGB Percent | 23.5, 68.6, 59.2 | rgb(23.5%,68.6%,59.2%) |
CMYK | 66, 0, 14, 31 | |
HSL | 167.5°, 48.9, 46.1 | hsl(167.5,48.9%,46.1%) |
HSV (or HSB) | 167.5°, 65.7, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 64.846, -37.903, 2.896 |
---|---|
XYZ | 22.777, 33.853, 34.61 |
xyY | 0.25, 0.371, 33.853 |
CIE-LCH | 64.846, 38.014, 175.631 |
CIE-LUV | 64.846, -45.711, 10.049 |
Hunter-Lab | 58.183, -31.942, 5.46 |
Binary | 00111100, 10101111, 10010111 |
Color Schemes with #3caf97
Alternatives to #3caf97
Below, you can see some colors close to #3caf97. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3caf97 Preview
This text has a font color of #3caf97.
<span style="color:#3caf97;">Text here</span>
This paragraph has a background color of #3caf97.
<p style="background-color:#3caf97;">Content here</p>
This element has a border color of #3caf97.
<div style="border:1px solid #3caf97;">Content here</div>
.text {color:#3caf97;}
.background {background-color:#3caf97;}
.border {border:1px solid #3caf97;}
Shades and Tints of #3caf97
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, #050e0c is the darkest color, while #ffffff is the lightest one.
-
#050e0c
#050e0c
rgb(5,14,12)
-
#0a1d19
#0a1d19
rgb(10,29,25)
-
#0f2c26
#0f2c26
rgb(15,44,38)
-
#143a32
#143a32
rgb(20,58,50)
-
#19493f
#19493f
rgb(25,73,63)
-
#1e574b
#1e574b
rgb(30,87,75)
-
#236658
#236658
rgb(35,102,88)
-
#287565
#287565
rgb(40,117,101)
-
#2d8371
#2d8371
rgb(45,131,113)
-
#32927e
#32927e
rgb(50,146,126)
-
#37a08a
#37a08a
rgb(55,160,138)
-
#3caf97
#3caf97
rgb(60,175,151)
-
#41bea4
#41bea4
rgb(65,190,164)
-
#4fc3ab
#4fc3ab
rgb(79,195,171)
-
#5ec8b2
#5ec8b2
rgb(94,200,178)
-
#6dcdb9
#6dcdb9
rgb(109,205,185)
-
#7bd2c0
#7bd2c0
rgb(123,210,192)
-
#8ad7c7
#8ad7c7
rgb(138,215,199)
-
#98dcce
#98dcce
rgb(152,220,206)
-
#a7e1d5
#a7e1d5
rgb(167,225,213)
-
#b6e6dc
#b6e6dc
rgb(182,230,220)
-
#c4ebe3
#c4ebe3
rgb(196,235,227)
-
#d3f0ea
#d3f0ea
rgb(211,240,234)
-
#e1f5f1
#e1f5f1
rgb(225,245,241)
-
#f0faf8
#f0faf8
rgb(240,250,248)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #3caf97
A tone is produced by adding gray to any pure hue. In this case, #727977 is the less saturated color, while #06e5b7 is the most saturated one.
-
#727977
#727977
rgb(114,121,119)
-
#69827d
#69827d
rgb(105,130,125)
-
#608b82
#608b82
rgb(96,139,130)
-
#579487
#579487
rgb(87,148,135)
-
#4e9d8c
#4e9d8c
rgb(78,157,140)
-
#45a692
#45a692
rgb(69,166,146)
-
#3caf97
#3caf97
rgb(60,175,151)
-
#33b89c
#33b89c
rgb(51,184,156)
-
#2ac1a2
#2ac1a2
rgb(42,193,162)
-
#21caa7
#21caa7
rgb(33,202,167)
-
#18d3ac
#18d3ac
rgb(24,211,172)
-
#0fdcb1
#0fdcb1
rgb(15,220,177)
-
#06e5b7
#06e5b7
rgb(6,229,183)
Color Blindness Simulator
Below, you can see how #3caf97 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.