#3caf8f Color Information
In a RGB color space, hex #3caf8f is composed of 23.5% red, 68.6% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 0% magenta, 18.3% yellow and 31.4% black. It has a hue angle of 163.3 degrees, a saturation of 48.9% and a lightness of 46.1%. #3caf8f color hex could be obtained by blending #78ffff with #005f1f. Closest websafe color is: #339999.
-
- R 24
- G 69
- B 56
-
- C 66
- M 0
- Y 18
- K 31
● #3caf8f color description : Dark moderate cyan - lime green.
#3caf8f Color Conversion
The hexadecimal color #3caf8f has RGB values of R:60, G:175, B:143 and CMYK values of C:0.66, M:0, Y:0.18, K:0.31. Its decimal value is 3977103.
Hex triplet | 3caf8f | #3caf8f |
---|---|---|
RGB Decimal | 60, 175, 143 | rgb(60,175,143) |
RGB Percent | 23.5, 68.6, 56.1 | rgb(23.5%,68.6%,56.1%) |
CMYK | 66, 0, 18, 31 | |
HSL | 163.3°, 48.9, 46.1 | hsl(163.3,48.9%,46.1%) |
HSV (or HSB) | 163.3°, 65.7, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 64.645, -39.92, 7.043 |
---|---|
XYZ | 22.15, 33.602, 31.304 |
xyY | 0.254, 0.386, 33.602 |
CIE-LCH | 64.645, 40.536, 169.994 |
CIE-LUV | 64.645, -46.187, 16.273 |
Hunter-Lab | 57.967, -33.236, 8.559 |
Binary | 00111100, 10101111, 10001111 |
Color Schemes with #3caf8f
Alternatives to #3caf8f
Below, you can see some colors close to #3caf8f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3caf8f Preview
This text has a font color of #3caf8f.
<span style="color:#3caf8f;">Text here</span>
This paragraph has a background color of #3caf8f.
<p style="background-color:#3caf8f;">Content here</p>
This element has a border color of #3caf8f.
<div style="border:1px solid #3caf8f;">Content here</div>
.text {color:#3caf8f;}
.background {background-color:#3caf8f;}
.border {border:1px solid #3caf8f;}
Shades and Tints of #3caf8f
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)
-
#0a1d18
#0a1d18
rgb(10,29,24)
-
#0f2c24
#0f2c24
rgb(15,44,36)
-
#143a30
#143a30
rgb(20,58,48)
-
#19493b
#19493b
rgb(25,73,59)
-
#1e5747
#1e5747
rgb(30,87,71)
-
#236653
#236653
rgb(35,102,83)
-
#28755f
#28755f
rgb(40,117,95)
-
#2d836b
#2d836b
rgb(45,131,107)
-
#329277
#329277
rgb(50,146,119)
-
#37a083
#37a083
rgb(55,160,131)
-
#3caf8f
#3caf8f
rgb(60,175,143)
-
#41be9b
#41be9b
rgb(65,190,155)
-
#4fc3a3
#4fc3a3
rgb(79,195,163)
-
#5ec8aa
#5ec8aa
rgb(94,200,170)
-
#6dcdb2
#6dcdb2
rgb(109,205,178)
-
#7bd2ba
#7bd2ba
rgb(123,210,186)
-
#8ad7c1
#8ad7c1
rgb(138,215,193)
-
#98dcc9
#98dcc9
rgb(152,220,201)
-
#a7e1d1
#a7e1d1
rgb(167,225,209)
-
#b6e6d8
#b6e6d8
rgb(182,230,216)
-
#c4ebe0
#c4ebe0
rgb(196,235,224)
-
#d3f0e8
#d3f0e8
rgb(211,240,232)
-
#e1f5ef
#e1f5ef
rgb(225,245,239)
-
#f0faf7
#f0faf7
rgb(240,250,247)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #3caf8f
A tone is produced by adding gray to any pure hue. In this case, #727977 is the less saturated color, while #06e5a7 is the most saturated one.
-
#727977
#727977
rgb(114,121,119)
-
#69827b
#69827b
rgb(105,130,123)
-
#608b7f
#608b7f
rgb(96,139,127)
-
#579483
#579483
rgb(87,148,131)
-
#4e9d87
#4e9d87
rgb(78,157,135)
-
#45a68b
#45a68b
rgb(69,166,139)
-
#3caf8f
#3caf8f
rgb(60,175,143)
-
#33b893
#33b893
rgb(51,184,147)
-
#2ac197
#2ac197
rgb(42,193,151)
-
#21ca9b
#21ca9b
rgb(33,202,155)
-
#18d39f
#18d39f
rgb(24,211,159)
-
#0fdca3
#0fdca3
rgb(15,220,163)
-
#06e5a7
#06e5a7
rgb(6,229,167)
Color Blindness Simulator
Below, you can see how #3caf8f 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.