#3caf9a Color Information
In a RGB color space, hex #3caf9a is composed of 23.5% red, 68.6% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 0% magenta, 12% yellow and 31.4% black. It has a hue angle of 169 degrees, a saturation of 48.9% and a lightness of 46.1%. #3caf9a color hex could be obtained by blending #78ffff with #005f35. Closest websafe color is: #339999.
-
- R 24
- G 69
- B 60
-
- C 66
- M 0
- Y 12
- K 31
● #3caf9a color description : Dark moderate cyan.
#3caf9a Color Conversion
The hexadecimal color #3caf9a has RGB values of R:60, G:175, B:154 and CMYK values of C:0.66, M:0, Y:0.12, K:0.31. Its decimal value is 3977114.
Hex triplet | 3caf9a | #3caf9a |
---|---|---|
RGB Decimal | 60, 175, 154 | rgb(60,175,154) |
RGB Percent | 23.5, 68.6, 60.4 | rgb(23.5%,68.6%,60.4%) |
CMYK | 66, 0, 12, 31 | |
HSL | 169°, 48.9, 46.1 | hsl(169,48.9%,46.1%) |
HSV (or HSB) | 169°, 65.7, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 64.924, -37.124, 1.343 |
---|---|
XYZ | 23.024, 33.952, 35.91 |
xyY | 0.248, 0.366, 33.952 |
CIE-LCH | 64.924, 37.148, 177.927 |
CIE-LUV | 64.924, -45.53, 7.67 |
Hunter-Lab | 58.268, -31.436, 4.248 |
Binary | 00111100, 10101111, 10011010 |
Color Schemes with #3caf9a
Alternatives to #3caf9a
Below, you can see some colors close to #3caf9a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3caf9a Preview
This text has a font color of #3caf9a.
<span style="color:#3caf9a;">Text here</span>
This paragraph has a background color of #3caf9a.
<p style="background-color:#3caf9a;">Content here</p>
This element has a border color of #3caf9a.
<div style="border:1px solid #3caf9a;">Content here</div>
.text {color:#3caf9a;}
.background {background-color:#3caf9a;}
.border {border:1px solid #3caf9a;}
Shades and Tints of #3caf9a
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)
-
#0a1d19
#0a1d19
rgb(10,29,25)
-
#0f2c26
#0f2c26
rgb(15,44,38)
-
#143a33
#143a33
rgb(20,58,51)
-
#194940
#194940
rgb(25,73,64)
-
#1e574d
#1e574d
rgb(30,87,77)
-
#23665a
#23665a
rgb(35,102,90)
-
#287567
#287567
rgb(40,117,103)
-
#2d8373
#2d8373
rgb(45,131,115)
-
#329280
#329280
rgb(50,146,128)
-
#37a08d
#37a08d
rgb(55,160,141)
-
#3caf9a
#3caf9a
rgb(60,175,154)
-
#41bea7
#41bea7
rgb(65,190,167)
-
#4fc3ae
#4fc3ae
rgb(79,195,174)
-
#5ec8b4
#5ec8b4
rgb(94,200,180)
-
#6dcdbb
#6dcdbb
rgb(109,205,187)
-
#7bd2c2
#7bd2c2
rgb(123,210,194)
-
#8ad7c9
#8ad7c9
rgb(138,215,201)
-
#98dcd0
#98dcd0
rgb(152,220,208)
-
#a7e1d6
#a7e1d6
rgb(167,225,214)
-
#b6e6dd
#b6e6dd
rgb(182,230,221)
-
#c4ebe4
#c4ebe4
rgb(196,235,228)
-
#d3f0eb
#d3f0eb
rgb(211,240,235)
-
#e1f5f1
#e1f5f1
rgb(225,245,241)
-
#f0faf8
#f0faf8
rgb(240,250,248)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #3caf9a
A tone is produced by adding gray to any pure hue. In this case, #727978 is the less saturated color, while #06e5bc is the most saturated one.
-
#727978
#727978
rgb(114,121,120)
-
#69827d
#69827d
rgb(105,130,125)
-
#608b83
#608b83
rgb(96,139,131)
-
#579489
#579489
rgb(87,148,137)
-
#4e9d8f
#4e9d8f
rgb(78,157,143)
-
#45a694
#45a694
rgb(69,166,148)
-
#3caf9a
#3caf9a
rgb(60,175,154)
-
#33b8a0
#33b8a0
rgb(51,184,160)
-
#2ac1a5
#2ac1a5
rgb(42,193,165)
-
#21caab
#21caab
rgb(33,202,171)
-
#18d3b1
#18d3b1
rgb(24,211,177)
-
#0fdcb7
#0fdcb7
rgb(15,220,183)
-
#06e5bc
#06e5bc
rgb(6,229,188)
Color Blindness Simulator
Below, you can see how #3caf9a 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.