#2caa97 Color Information
In a RGB color space, hex #2caa97 is composed of 17.3% red, 66.7% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 0% magenta, 11.2% yellow and 33.3% black. It has a hue angle of 171 degrees, a saturation of 58.9% and a lightness of 42%. #2caa97 color hex could be obtained by blending #58ffff with #00552f. Closest websafe color is: #339999.
-
- R 17
- G 67
- B 59
-
- C 74
- M 0
- Y 11
- K 33
● #2caa97 color description : Dark cyan.
#2caa97 Color Conversion
The hexadecimal color #2caa97 has RGB values of R:44, G:170, B:151 and CMYK values of C:0.74, M:0, Y:0.11, K:0.33. Its decimal value is 2927255.
Hex triplet | 2caa97 | #2caa97 |
---|---|---|
RGB Decimal | 44, 170, 151 | rgb(44,170,151) |
RGB Percent | 17.3, 66.7, 59.2 | rgb(17.3%,66.7%,59.2%) |
CMYK | 74, 0, 11, 33 | |
HSL | 171°, 58.9, 42 | hsl(171,58.9%,42%) |
HSV (or HSB) | 171°, 74.1, 66.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 62.942, -38.008, 0.084 |
---|---|
XYZ | 20.997, 31.517, 34.253 |
xyY | 0.242, 0.363, 31.517 |
CIE-LCH | 62.942, 38.008, 179.873 |
CIE-LUV | 62.942, -46.672, 5.878 |
Hunter-Lab | 56.14, -31.483, 3.123 |
Binary | 00101100, 10101010, 10010111 |
Color Schemes with #2caa97
Alternatives to #2caa97
Below, you can see some colors close to #2caa97. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2caa97 Preview
This text has a font color of #2caa97.
<span style="color:#2caa97;">Text here</span>
This paragraph has a background color of #2caa97.
<p style="background-color:#2caa97;">Content here</p>
This element has a border color of #2caa97.
<div style="border:1px solid #2caa97;">Content here</div>
.text {color:#2caa97;}
.background {background-color:#2caa97;}
.border {border:1px solid #2caa97;}
Shades and Tints of #2caa97
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, #040e0d is the darkest color, while #fefffe is the lightest one.
-
#040e0d
#040e0d
rgb(4,14,13)
-
#081e1a
#081e1a
rgb(8,30,26)
-
#0c2d28
#0c2d28
rgb(12,45,40)
-
#103d36
#103d36
rgb(16,61,54)
-
#144d44
#144d44
rgb(20,77,68)
-
#185c52
#185c52
rgb(24,92,82)
-
#1c6c60
#1c6c60
rgb(28,108,96)
-
#207b6d
#207b6d
rgb(32,123,109)
-
#248b7b
#248b7b
rgb(36,139,123)
-
#289a89
#289a89
rgb(40,154,137)
-
#2caa97
#2caa97
rgb(44,170,151)
-
#30baa5
#30baa5
rgb(48,186,165)
-
#34c9b3
#34c9b3
rgb(52,201,179)
-
#43ceb9
#43ceb9
rgb(67,206,185)
-
#52d2bf
#52d2bf
rgb(82,210,191)
-
#62d6c5
#62d6c5
rgb(98,214,197)
-
#71dacb
#71dacb
rgb(113,218,203)
-
#81ded0
#81ded0
rgb(129,222,208)
-
#91e2d6
#91e2d6
rgb(145,226,214)
-
#a0e6dc
#a0e6dc
rgb(160,230,220)
-
#b0eae2
#b0eae2
rgb(176,234,226)
-
#bfefe7
#bfefe7
rgb(191,239,231)
-
#cff3ed
#cff3ed
rgb(207,243,237)
-
#def7f3
#def7f3
rgb(222,247,243)
-
#eefbf9
#eefbf9
rgb(238,251,249)
-
#fefffe
#fefffe
rgb(254,255,254)
Tones of #2caa97
A tone is produced by adding gray to any pure hue. In this case, #66706f is the less saturated color, while #03d3b4 is the most saturated one.
-
#66706f
#66706f
rgb(102,112,111)
-
#5d7975
#5d7975
rgb(93,121,117)
-
#55817a
#55817a
rgb(85,129,122)
-
#4d8980
#4d8980
rgb(77,137,128)
-
#459186
#459186
rgb(69,145,134)
-
#3c9a8c
#3c9a8c
rgb(60,154,140)
-
#34a291
#34a291
rgb(52,162,145)
-
#2caa97
#2caa97
rgb(44,170,151)
-
#24b29d
#24b29d
rgb(36,178,157)
-
#1cbaa2
#1cbaa2
rgb(28,186,162)
-
#13c3a8
#13c3a8
rgb(19,195,168)
-
#0bcbae
#0bcbae
rgb(11,203,174)
-
#03d3b4
#03d3b4
rgb(3,211,180)
Color Blindness Simulator
Below, you can see how #2caa97 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.