#3caf9f Color Information
In a RGB color space, hex #3caf9f is composed of 23.5% red, 68.6% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 0% magenta, 9.1% yellow and 31.4% black. It has a hue angle of 171.7 degrees, a saturation of 48.9% and a lightness of 46.1%. #3caf9f color hex could be obtained by blending #78ffff with #005f3f. Closest websafe color is: #339999.
-
- R 24
- G 69
- B 62
-
- C 66
- M 0
- Y 9
- K 31
● #3caf9f color description : Dark moderate cyan.
#3caf9f Color Conversion
The hexadecimal color #3caf9f has RGB values of R:60, G:175, B:159 and CMYK values of C:0.66, M:0, Y:0.09, K:0.31. Its decimal value is 3977119.
Hex triplet | 3caf9f | #3caf9f |
---|---|---|
RGB Decimal | 60, 175, 159 | rgb(60,175,159) |
RGB Percent | 23.5, 68.6, 62.4 | rgb(23.5%,68.6%,62.4%) |
CMYK | 66, 0, 9, 31 | |
HSL | 171.7°, 48.9, 46.1 | hsl(171.7,48.9%,46.1%) |
HSV (or HSB) | 171.7°, 65.7, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 65.059, -35.799, -1.239 |
---|---|
XYZ | 23.449, 34.122, 38.149 |
xyY | 0.245, 0.356, 34.122 |
CIE-LCH | 65.059, 35.82, 181.981 |
CIE-LUV | 65.059, -45.227, 3.653 |
Hunter-Lab | 58.414, -30.568, 2.168 |
Binary | 00111100, 10101111, 10011111 |
Color Schemes with #3caf9f
Alternatives to #3caf9f
Below, you can see some colors close to #3caf9f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3caf9f Preview
This text has a font color of #3caf9f.
<span style="color:#3caf9f;">Text here</span>
This paragraph has a background color of #3caf9f.
<p style="background-color:#3caf9f;">Content here</p>
This element has a border color of #3caf9f.
<div style="border:1px solid #3caf9f;">Content here</div>
.text {color:#3caf9f;}
.background {background-color:#3caf9f;}
.border {border:1px solid #3caf9f;}
Shades and Tints of #3caf9f
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, #050e0d is the darkest color, while #ffffff is the lightest one.
-
#050e0d
#050e0d
rgb(5,14,13)
-
#0a1d1a
#0a1d1a
rgb(10,29,26)
-
#0f2c28
#0f2c28
rgb(15,44,40)
-
#143a35
#143a35
rgb(20,58,53)
-
#194942
#194942
rgb(25,73,66)
-
#1e574f
#1e574f
rgb(30,87,79)
-
#23665d
#23665d
rgb(35,102,93)
-
#28756a
#28756a
rgb(40,117,106)
-
#2d8377
#2d8377
rgb(45,131,119)
-
#329284
#329284
rgb(50,146,132)
-
#37a092
#37a092
rgb(55,160,146)
-
#3caf9f
#3caf9f
rgb(60,175,159)
-
#41beac
#41beac
rgb(65,190,172)
-
#4fc3b3
#4fc3b3
rgb(79,195,179)
-
#5ec8b9
#5ec8b9
rgb(94,200,185)
-
#6dcdbf
#6dcdbf
rgb(109,205,191)
-
#7bd2c6
#7bd2c6
rgb(123,210,198)
-
#8ad7cc
#8ad7cc
rgb(138,215,204)
-
#98dcd2
#98dcd2
rgb(152,220,210)
-
#a7e1d9
#a7e1d9
rgb(167,225,217)
-
#b6e6df
#b6e6df
rgb(182,230,223)
-
#c4ebe6
#c4ebe6
rgb(196,235,230)
-
#d3f0ec
#d3f0ec
rgb(211,240,236)
-
#e1f5f2
#e1f5f2
rgb(225,245,242)
-
#f0faf9
#f0faf9
rgb(240,250,249)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #3caf9f
A tone is produced by adding gray to any pure hue. In this case, #727978 is the less saturated color, while #06e5c6 is the most saturated one.
-
#727978
#727978
rgb(114,121,120)
-
#69827e
#69827e
rgb(105,130,126)
-
#608b85
#608b85
rgb(96,139,133)
-
#57948b
#57948b
rgb(87,148,139)
-
#4e9d92
#4e9d92
rgb(78,157,146)
-
#45a698
#45a698
rgb(69,166,152)
-
#3caf9f
#3caf9f
rgb(60,175,159)
-
#33b8a6
#33b8a6
rgb(51,184,166)
-
#2ac1ac
#2ac1ac
rgb(42,193,172)
-
#21cab3
#21cab3
rgb(33,202,179)
-
#18d3b9
#18d3b9
rgb(24,211,185)
-
#0fdcc0
#0fdcc0
rgb(15,220,192)
-
#06e5c6
#06e5c6
rgb(6,229,198)
Color Blindness Simulator
Below, you can see how #3caf9f 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.