#2ca396 Color Information
In a RGB color space, hex #2ca396 is composed of 17.3% red, 63.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 0% magenta, 8% yellow and 36.1% black. It has a hue angle of 173.4 degrees, a saturation of 57.5% and a lightness of 40.6%. #2ca396 color hex could be obtained by blending #58ffff with #00472d. Closest websafe color is: #339999.
-
- R 17
- G 64
- B 59
-
- C 73
- M 0
- Y 8
- K 36
● #2ca396 color description : Dark cyan.
#2ca396 Color Conversion
The hexadecimal color #2ca396 has RGB values of R:44, G:163, B:150 and CMYK values of C:0.73, M:0, Y:0.08, K:0.36. Its decimal value is 2925462.
Hex triplet | 2ca396 | #2ca396 |
---|---|---|
RGB Decimal | 44, 163, 150 | rgb(44,163,150) |
RGB Percent | 17.3, 63.9, 58.8 | rgb(17.3%,63.9%,58.8%) |
CMYK | 73, 0, 8, 36 | |
HSL | 173.4°, 57.5, 40.6 | hsl(173.4,57.5%,40.6%) |
HSV (or HSB) | 173.4°, 73, 63.9 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 60.72, -35.093, -2.61 |
---|---|
XYZ | 19.639, 28.93, 33.402 |
xyY | 0.24, 0.353, 28.93 |
CIE-LCH | 60.72, 35.19, 184.253 |
CIE-LUV | 60.72, -44.195, 1.437 |
Hunter-Lab | 53.787, -28.951, 0.832 |
Binary | 00101100, 10100011, 10010110 |
Color Schemes with #2ca396
Alternatives to #2ca396
Below, you can see some colors close to #2ca396. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2ca396 Preview
This text has a font color of #2ca396.
<span style="color:#2ca396;">Text here</span>
This paragraph has a background color of #2ca396.
<p style="background-color:#2ca396;">Content here</p>
This element has a border color of #2ca396.
<div style="border:1px solid #2ca396;">Content here</div>
.text {color:#2ca396;}
.background {background-color:#2ca396;}
.border {border:1px solid #2ca396;}
Shades and Tints of #2ca396
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, #020908 is the darkest color, while #f8fdfd is the lightest one.
-
#020908
#020908
rgb(2,9,8)
-
#061816
#061816
rgb(6,24,22)
-
#0b2724
#0b2724
rgb(11,39,36)
-
#0f3733
#0f3733
rgb(15,55,51)
-
#134641
#134641
rgb(19,70,65)
-
#17564f
#17564f
rgb(23,86,79)
-
#1b655d
#1b655d
rgb(27,101,93)
-
#1f756b
#1f756b
rgb(31,117,107)
-
#24847a
#24847a
rgb(36,132,122)
-
#289488
#289488
rgb(40,148,136)
-
#2ca396
#2ca396
rgb(44,163,150)
-
#30b2a4
#30b2a4
rgb(48,178,164)
-
#34c2b2
#34c2b2
rgb(52,194,178)
-
#3fcbbc
#3fcbbc
rgb(63,203,188)
-
#4ecfc1
#4ecfc1
rgb(78,207,193)
-
#5ed3c7
#5ed3c7
rgb(94,211,199)
-
#6dd8cc
#6dd8cc
rgb(109,216,204)
-
#7ddcd1
#7ddcd1
rgb(125,220,209)
-
#8ce0d7
#8ce0d7
rgb(140,224,215)
-
#9be4dc
#9be4dc
rgb(155,228,220)
-
#abe8e2
#abe8e2
rgb(171,232,226)
-
#baece7
#baece7
rgb(186,236,231)
-
#caf1ec
#caf1ec
rgb(202,241,236)
-
#d9f5f2
#d9f5f2
rgb(217,245,242)
-
#e9f9f7
#e9f9f7
rgb(233,249,247)
-
#f8fdfd
#f8fdfd
rgb(248,253,253)
Tones of #2ca396
A tone is produced by adding gray to any pure hue. In this case, #646b6a is the less saturated color, while #04cbb5 is the most saturated one.
-
#646b6a
#646b6a
rgb(100,107,106)
-
#5c7371
#5c7371
rgb(92,115,113)
-
#547b77
#547b77
rgb(84,123,119)
-
#4c837d
#4c837d
rgb(76,131,125)
-
#448b83
#448b83
rgb(68,139,131)
-
#3c938a
#3c938a
rgb(60,147,138)
-
#349b90
#349b90
rgb(52,155,144)
-
#2ca396
#2ca396
rgb(44,163,150)
-
#24ab9c
#24ab9c
rgb(36,171,156)
-
#1cb3a2
#1cb3a2
rgb(28,179,162)
-
#14bba9
#14bba9
rgb(20,187,169)
-
#0cc3af
#0cc3af
rgb(12,195,175)
-
#04cbb5
#04cbb5
rgb(4,203,181)
Color Blindness Simulator
Below, you can see how #2ca396 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.