#3caa93 Color Information
In a RGB color space, hex #3caa93 is composed of 23.5% red, 66.7% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 0% magenta, 13.5% yellow and 33.3% black. It has a hue angle of 167.5 degrees, a saturation of 47.8% and a lightness of 45.1%. #3caa93 color hex could be obtained by blending #78ffff with #005527. Closest websafe color is: #339999.
-
- R 24
- G 67
- B 58
-
- C 65
- M 0
- Y 14
- K 33
● #3caa93 color description : Dark moderate cyan.
#3caa93 Color Conversion
The hexadecimal color #3caa93 has RGB values of R:60, G:170, B:147 and CMYK values of C:0.65, M:0, Y:0.14, K:0.33. Its decimal value is 3975827.
Hex triplet | 3caa93 | #3caa93 |
---|---|---|
RGB Decimal | 60, 170, 147 | rgb(60,170,147) |
RGB Percent | 23.5, 66.7, 57.6 | rgb(23.5%,66.7%,57.6%) |
CMYK | 65, 0, 14, 33 | |
HSL | 167.5°, 47.8, 45.1 | hsl(167.5,47.8%,45.1%) |
HSV (or HSB) | 167.5°, 64.7, 66.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 63.19, -36.669, 2.722 |
---|---|
XYZ | 21.503, 31.815, 32.61 |
xyY | 0.25, 0.37, 31.815 |
CIE-LCH | 63.19, 36.77, 175.754 |
CIE-LUV | 63.19, -44.079, 9.564 |
Hunter-Lab | 56.405, -30.659, 5.205 |
Binary | 00111100, 10101010, 10010011 |
Color Schemes with #3caa93
Alternatives to #3caa93
Below, you can see some colors close to #3caa93. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3caa93 Preview
This text has a font color of #3caa93.
<span style="color:#3caa93;">Text here</span>
This paragraph has a background color of #3caa93.
<p style="background-color:#3caa93;">Content here</p>
This element has a border color of #3caa93.
<div style="border:1px solid #3caa93;">Content here</div>
.text {color:#3caa93;}
.background {background-color:#3caa93;}
.border {border:1px solid #3caa93;}
Shades and Tints of #3caa93
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, #040b09 is the darkest color, while #fbfefd is the lightest one.
-
#040b09
#040b09
rgb(4,11,9)
-
#091916
#091916
rgb(9,25,22)
-
#0e2822
#0e2822
rgb(14,40,34)
-
#13362f
#13362f
rgb(19,54,47)
-
#18453b
#18453b
rgb(24,69,59)
-
#1d5348
#1d5348
rgb(29,83,72)
-
#226254
#226254
rgb(34,98,84)
-
#287061
#287061
rgb(40,112,97)
-
#2d7f6d
#2d7f6d
rgb(45,127,109)
-
#328d7a
#328d7a
rgb(50,141,122)
-
#379c86
#379c86
rgb(55,156,134)
-
#3caa93
#3caa93
rgb(60,170,147)
-
#41b8a0
#41b8a0
rgb(65,184,160)
-
#4dc0a8
#4dc0a8
rgb(77,192,168)
-
#5cc5af
#5cc5af
rgb(92,197,175)
-
#6acab6
#6acab6
rgb(106,202,182)
-
#79d0bd
#79d0bd
rgb(121,208,189)
-
#87d5c4
#87d5c4
rgb(135,213,196)
-
#96dacc
#96dacc
rgb(150,218,204)
-
#a4dfd3
#a4dfd3
rgb(164,223,211)
-
#b3e4da
#b3e4da
rgb(179,228,218)
-
#c1e9e1
#c1e9e1
rgb(193,233,225)
-
#d0eee8
#d0eee8
rgb(208,238,232)
-
#def3ef
#def3ef
rgb(222,243,239)
-
#edf8f6
#edf8f6
rgb(237,248,246)
-
#fbfefd
#fbfefd
rgb(251,254,253)
Tones of #3caa93
A tone is produced by adding gray to any pure hue. In this case, #717574 is the less saturated color, while #07dfb2 is the most saturated one.
-
#717574
#717574
rgb(113,117,116)
-
#687e79
#687e79
rgb(104,126,121)
-
#5f877e
#5f877e
rgb(95,135,126)
-
#578f84
#578f84
rgb(87,143,132)
-
#4e9889
#4e9889
rgb(78,152,137)
-
#45a18e
#45a18e
rgb(69,161,142)
-
#3caa93
#3caa93
rgb(60,170,147)
-
#33b398
#33b398
rgb(51,179,152)
-
#2abc9d
#2abc9d
rgb(42,188,157)
-
#21c5a2
#21c5a2
rgb(33,197,162)
-
#19cda8
#19cda8
rgb(25,205,168)
-
#10d6ad
#10d6ad
rgb(16,214,173)
-
#07dfb2
#07dfb2
rgb(7,223,178)
Color Blindness Simulator
Below, you can see how #3caa93 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.