#2ccbac Color Information
In a RGB color space, hex #2ccbac is composed of 17.3% red, 79.6% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 0% magenta, 15.3% yellow and 20.4% black. It has a hue angle of 168.3 degrees, a saturation of 64.4% and a lightness of 48.4%. #2ccbac color hex could be obtained by blending #58ffff with #009759. Closest websafe color is: #33cc99.
-
- R 17
- G 80
- B 67
-
- C 78
- M 0
- Y 15
- K 20
● #2ccbac color description : Strong cyan.
#2ccbac Color Conversion
The hexadecimal color #2ccbac has RGB values of R:44, G:203, B:172 and CMYK values of C:0.78, M:0, Y:0.15, K:0.2. Its decimal value is 2935724.
Hex triplet | 2ccbac | #2ccbac |
---|---|---|
RGB Decimal | 44, 203, 172 | rgb(44,203,172) |
RGB Percent | 17.3, 79.6, 67.5 | rgb(17.3%,79.6%,67.5%) |
CMYK | 78, 0, 15, 20 | |
HSL | 168.3°, 64.4, 48.4 | hsl(168.3,64.4%,48.4%) |
HSV (or HSB) | 168.3°, 78.3, 79.6 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 73.69, -46.775, 4.159 |
---|---|
XYZ | 29.838, 46.223, 46.377 |
xyY | 0.244, 0.378, 46.223 |
CIE-LCH | 73.69, 46.959, 174.919 |
CIE-LUV | 73.69, -56.931, 13.502 |
Hunter-Lab | 67.987, -40.638, 7.147 |
Binary | 00101100, 11001011, 10101100 |
Color Schemes with #2ccbac
Alternatives to #2ccbac
Below, you can see some colors close to #2ccbac. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2ccbac Preview
This text has a font color of #2ccbac.
<span style="color:#2ccbac;">Text here</span>
This paragraph has a background color of #2ccbac.
<p style="background-color:#2ccbac;">Content here</p>
This element has a border color of #2ccbac.
<div style="border:1px solid #2ccbac;">Content here</div>
.text {color:#2ccbac;}
.background {background-color:#2ccbac;}
.border {border:1px solid #2ccbac;}
Shades and Tints of #2ccbac
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, #020a08 is the darkest color, while #f8fefd is the lightest one.
-
#020a08
#020a08
rgb(2,10,8)
-
#061a16
#061a16
rgb(6,26,22)
-
#092a23
#092a23
rgb(9,42,35)
-
#0d3a31
#0d3a31
rgb(13,58,49)
-
#104a3f
#104a3f
rgb(16,74,63)
-
#145a4c
#145a4c
rgb(20,90,76)
-
#176a5a
#176a5a
rgb(23,106,90)
-
#1b7a68
#1b7a68
rgb(27,122,104)
-
#1e8b75
#1e8b75
rgb(30,139,117)
-
#229b83
#229b83
rgb(34,155,131)
-
#25ab91
#25ab91
rgb(37,171,145)
-
#29bb9e
#29bb9e
rgb(41,187,158)
-
#2ccbac
#2ccbac
rgb(44,203,172)
-
#37d4b5
#37d4b5
rgb(55,212,181)
-
#47d7bb
#47d7bb
rgb(71,215,187)
-
#57dbc1
#57dbc1
rgb(87,219,193)
-
#67dec7
#67dec7
rgb(103,222,199)
-
#77e2cd
#77e2cd
rgb(119,226,205)
-
#88e5d3
#88e5d3
rgb(136,229,211)
-
#98e9d9
#98e9d9
rgb(152,233,217)
-
#a8ecdf
#a8ecdf
rgb(168,236,223)
-
#b8f0e5
#b8f0e5
rgb(184,240,229)
-
#c8f3eb
#c8f3eb
rgb(200,243,235)
-
#d8f7f1
#d8f7f1
rgb(216,247,241)
-
#e8faf7
#e8faf7
rgb(232,250,247)
-
#f8fefd
#f8fefd
rgb(248,254,253)
Tones of #2ccbac
A tone is produced by adding gray to any pure hue. In this case, #787f7e is the less saturated color, while #06f1c3 is the most saturated one.
-
#787f7e
#787f7e
rgb(120,127,126)
-
#6f8983
#6f8983
rgb(111,137,131)
-
#659289
#659289
rgb(101,146,137)
-
#5c9c8f
#5c9c8f
rgb(92,156,143)
-
#52a595
#52a595
rgb(82,165,149)
-
#49af9b
#49af9b
rgb(73,175,155)
-
#3fb8a0
#3fb8a0
rgb(63,184,160)
-
#36c2a6
#36c2a6
rgb(54,194,166)
-
#2ccbac
#2ccbac
rgb(44,203,172)
-
#23d5b2
#23d5b2
rgb(35,213,178)
-
#19deb8
#19deb8
rgb(25,222,184)
-
#10e8bd
#10e8bd
rgb(16,232,189)
-
#06f1c3
#06f1c3
rgb(6,241,195)
Color Blindness Simulator
Below, you can see how #2ccbac 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.