#2caa98 Color Information
In a RGB color space, hex #2caa98 is composed of 17.3% red, 66.7% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 0% magenta, 10.6% yellow and 33.3% black. It has a hue angle of 171.4 degrees, a saturation of 58.9% and a lightness of 42%. #2caa98 color hex could be obtained by blending #58ffff with #005531. Closest websafe color is: #339999.
-
- R 17
- G 67
- B 60
-
- C 74
- M 0
- Y 11
- K 33
● #2caa98 color description : Dark cyan.
#2caa98 Color Conversion
The hexadecimal color #2caa98 has RGB values of R:44, G:170, B:152 and CMYK values of C:0.74, M:0, Y:0.11, K:0.33. Its decimal value is 2927256.
| Hex triplet | 2caa98 | #2caa98 |
|---|---|---|
| RGB Decimal | 44, 170, 152 | rgb(44,170,152) |
| RGB Percent | 17.3, 66.7, 59.6 | rgb(17.3%,66.7%,59.6%) |
| CMYK | 74, 0, 11, 33 | |
| HSL | 171.4°, 58.9, 42 | hsl(171.4,58.9%,42%) |
| HSV (or HSB) | 171.4°, 74.1, 66.7 | |
| Web Safe | 339999 | #339999 |
| CIE-LAB | 62.969, -37.734, -0.435 |
|---|---|
| XYZ | 21.079, 31.55, 34.683 |
| xyY | 0.241, 0.361, 31.55 |
| CIE-LCH | 62.969, 37.737, 180.661 |
| CIE-LUV | 62.969, -46.604, 5.073 |
| Hunter-Lab | 56.169, -31.309, 2.709 |
| Binary | 00101100, 10101010, 10011000 |
Color Schemes with #2caa98
Alternatives to #2caa98
Below, you can see some colors close to #2caa98. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2caa98 Preview
This text has a font color of #2caa98.
<span style="color:#2caa98;">Text here</span>
This paragraph has a background color of #2caa98.
<p style="background-color:#2caa98;">Content here</p>
This element has a border color of #2caa98.
<div style="border:1px solid #2caa98;">Content here</div>
.text {color:#2caa98;}
.background {background-color:#2caa98;}
.border {border:1px solid #2caa98;}
Shades and Tints of #2caa98
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
#040e0drgb(4,14,13) -
#081e1b
#081e1brgb(8,30,27) -
#0c2d29
#0c2d29rgb(12,45,41) -
#103d36
#103d36rgb(16,61,54) -
#144d44
#144d44rgb(20,77,68) -
#185c52
#185c52rgb(24,92,82) -
#1c6c60
#1c6c60rgb(28,108,96) -
#207b6e
#207b6ergb(32,123,110) -
#248b7c
#248b7crgb(36,139,124) -
#289a8a
#289a8argb(40,154,138) -
#2caa98
#2caa98rgb(44,170,152) -
#30baa6
#30baa6rgb(48,186,166) -
#34c9b4
#34c9b4rgb(52,201,180)
-
#43ceba
#43cebargb(67,206,186) -
#52d2c0
#52d2c0rgb(82,210,192) -
#62d6c6
#62d6c6rgb(98,214,198) -
#71dacb
#71dacbrgb(113,218,203) -
#81ded1
#81ded1rgb(129,222,209) -
#91e2d7
#91e2d7rgb(145,226,215) -
#a0e6dc
#a0e6dcrgb(160,230,220) -
#b0eae2
#b0eae2rgb(176,234,226) -
#bfefe8
#bfefe8rgb(191,239,232) -
#cff3ed
#cff3edrgb(207,243,237) -
#def7f3
#def7f3rgb(222,247,243) -
#eefbf9
#eefbf9rgb(238,251,249) -
#fefffe
#fefffergb(254,255,254)
Tones of #2caa98
A tone is produced by adding gray to any pure hue. In this case, #66706f is the less saturated color, while #03d3b5 is the most saturated one.
-
#66706f
#66706frgb(102,112,111) -
#5d7975
#5d7975rgb(93,121,117) -
#55817b
#55817brgb(85,129,123) -
#4d8980
#4d8980rgb(77,137,128) -
#459186
#459186rgb(69,145,134) -
#3c9a8c
#3c9a8crgb(60,154,140) -
#34a292
#34a292rgb(52,162,146) -
#2caa98
#2caa98rgb(44,170,152) -
#24b29e
#24b29ergb(36,178,158) -
#1cbaa4
#1cbaa4rgb(28,186,164) -
#13c3aa
#13c3aargb(19,195,170) -
#0bcbb0
#0bcbb0rgb(11,203,176) -
#03d3b5
#03d3b5rgb(3,211,181)
Color Blindness Simulator
Below, you can see how #2caa98 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.
