#2caf96 Color Information
In a RGB color space, hex #2caf96 is composed of 17.3% red, 68.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 0% magenta, 14.3% yellow and 31.4% black. It has a hue angle of 168.5 degrees, a saturation of 59.8% and a lightness of 42.9%. #2caf96 color hex could be obtained by blending #58ffff with #005f2d. Closest websafe color is: #339999.
-
- R 17
- G 69
- B 59
-
- C 75
- M 0
- Y 14
- K 31
● #2caf96 color description : Dark cyan.
#2caf96 Color Conversion
The hexadecimal color #2caf96 has RGB values of R:44, G:175, B:150 and CMYK values of C:0.75, M:0, Y:0.14, K:0.31. Its decimal value is 2928534.
Hex triplet | 2caf96 | #2caf96 |
---|---|---|
RGB Decimal | 44, 175, 150 | rgb(44,175,150) |
RGB Percent | 17.3, 68.6, 58.8 | rgb(17.3%,68.6%,58.8%) |
CMYK | 75, 0, 14, 31 | |
HSL | 168.5°, 59.8, 42.9 | hsl(168.5,59.8%,42.9%) |
HSV (or HSB) | 168.5°, 74.9, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 64.48, -40.498, 2.878 |
---|---|
XYZ | 21.872, 33.395, 34.146 |
xyY | 0.245, 0.373, 33.395 |
CIE-LCH | 64.48, 40.6, 175.935 |
CIE-LUV | 64.48, -48.546, 10.371 |
Hunter-Lab | 57.789, -33.572, 5.419 |
Binary | 00101100, 10101111, 10010110 |
Color Schemes with #2caf96
Alternatives to #2caf96
Below, you can see some colors close to #2caf96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2caf96 Preview
This text has a font color of #2caf96.
<span style="color:#2caf96;">Text here</span>
This paragraph has a background color of #2caf96.
<p style="background-color:#2caf96;">Content here</p>
This element has a border color of #2caf96.
<div style="border:1px solid #2caf96;">Content here</div>
.text {color:#2caf96;}
.background {background-color:#2caf96;}
.border {border:1px solid #2caf96;}
Shades and Tints of #2caf96
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, #010302 is the darkest color, while #f2fcfa is the lightest one.
-
#010302
#010302
rgb(1,3,2)
-
#051210
#051210
rgb(5,18,16)
-
#09221d
#09221d
rgb(9,34,29)
-
#0c322b
#0c322b
rgb(12,50,43)
-
#104138
#104138
rgb(16,65,56)
-
#145145
#145145
rgb(20,81,69)
-
#186153
#186153
rgb(24,97,83)
-
#1c7060
#1c7060
rgb(28,112,96)
-
#20806e
#20806e
rgb(32,128,110)
-
#24907b
#24907b
rgb(36,144,123)
-
#289f89
#289f89
rgb(40,159,137)
-
#2caf96
#2caf96
rgb(44,175,150)
-
#30bfa3
#30bfa3
rgb(48,191,163)
-
#36ccb0
#36ccb0
rgb(54,204,176)
-
#45d0b6
#45d0b6
rgb(69,208,182)
-
#55d4bc
#55d4bc
rgb(85,212,188)
-
#65d8c2
#65d8c2
rgb(101,216,194)
-
#75dcc8
#75dcc8
rgb(117,220,200)
-
#84e0cf
#84e0cf
rgb(132,224,207)
-
#94e4d5
#94e4d5
rgb(148,228,213)
-
#a4e8db
#a4e8db
rgb(164,232,219)
-
#b3ece1
#b3ece1
rgb(179,236,225)
-
#c3f0e7
#c3f0e7
rgb(195,240,231)
-
#d3f4ed
#d3f4ed
rgb(211,244,237)
-
#e2f8f4
#e2f8f4
rgb(226,248,244)
-
#f2fcfa
#f2fcfa
rgb(242,252,250)
Tones of #2caf96
A tone is produced by adding gray to any pure hue. In this case, #677472 is the less saturated color, while #02d9b0 is the most saturated one.
-
#677472
#677472
rgb(103,116,114)
-
#5f7c77
#5f7c77
rgb(95,124,119)
-
#56857c
#56857c
rgb(86,133,124)
-
#4e8d81
#4e8d81
rgb(78,141,129)
-
#459686
#459686
rgb(69,150,134)
-
#3d9e8c
#3d9e8c
rgb(61,158,140)
-
#34a791
#34a791
rgb(52,167,145)
-
#2caf96
#2caf96
rgb(44,175,150)
-
#24b79b
#24b79b
rgb(36,183,155)
-
#1bc0a0
#1bc0a0
rgb(27,192,160)
-
#13c8a6
#13c8a6
rgb(19,200,166)
-
#0ad1ab
#0ad1ab
rgb(10,209,171)
-
#02d9b0
#02d9b0
rgb(2,217,176)
Color Blindness Simulator
Below, you can see how #2caf96 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.