#2ccbad Color Information
In a RGB color space, hex #2ccbad is composed of 17.3% red, 79.6% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 0% magenta, 14.8% yellow and 20.4% black. It has a hue angle of 168.7 degrees, a saturation of 64.4% and a lightness of 48.4%. #2ccbad color hex could be obtained by blending #58ffff with #00975b. Closest websafe color is: #33cc99.
-
- R 17
- G 80
- B 68
-
- C 78
- M 0
- Y 15
- K 20
● #2ccbad color description : Strong cyan.
#2ccbad Color Conversion
The hexadecimal color #2ccbad has RGB values of R:44, G:203, B:173 and CMYK values of C:0.78, M:0, Y:0.15, K:0.2. Its decimal value is 2935725.
Hex triplet | 2ccbad | #2ccbad |
---|---|---|
RGB Decimal | 44, 203, 173 | rgb(44,203,173) |
RGB Percent | 17.3, 79.6, 67.8 | rgb(17.3%,79.6%,67.8%) |
CMYK | 78, 0, 15, 20 | |
HSL | 168.7°, 64.4, 48.4 | hsl(168.7,64.4%,48.4%) |
HSV (or HSB) | 168.7°, 78.3, 79.6 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 73.715, -46.517, 3.654 |
---|---|
XYZ | 29.935, 46.262, 46.885 |
xyY | 0.243, 0.376, 46.262 |
CIE-LCH | 73.715, 46.66, 175.508 |
CIE-LUV | 73.715, -56.86, 12.716 |
Hunter-Lab | 68.016, -40.467, 6.741 |
Binary | 00101100, 11001011, 10101101 |
Color Schemes with #2ccbad
Alternatives to #2ccbad
Below, you can see some colors close to #2ccbad. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2ccbad Preview
This text has a font color of #2ccbad.
<span style="color:#2ccbad;">Text here</span>
This paragraph has a background color of #2ccbad.
<p style="background-color:#2ccbad;">Content here</p>
This element has a border color of #2ccbad.
<div style="border:1px solid #2ccbad;">Content here</div>
.text {color:#2ccbad;}
.background {background-color:#2ccbad;}
.border {border:1px solid #2ccbad;}
Shades and Tints of #2ccbad
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)
-
#092a24
#092a24
rgb(9,42,36)
-
#0d3a31
#0d3a31
rgb(13,58,49)
-
#104a3f
#104a3f
rgb(16,74,63)
-
#145a4d
#145a4d
rgb(20,90,77)
-
#176a5b
#176a5b
rgb(23,106,91)
-
#1b7a68
#1b7a68
rgb(27,122,104)
-
#1e8b76
#1e8b76
rgb(30,139,118)
-
#229b84
#229b84
rgb(34,155,132)
-
#25ab92
#25ab92
rgb(37,171,146)
-
#29bb9f
#29bb9f
rgb(41,187,159)
-
#2ccbad
#2ccbad
rgb(44,203,173)
-
#37d4b6
#37d4b6
rgb(55,212,182)
-
#47d7bc
#47d7bc
rgb(71,215,188)
-
#57dbc2
#57dbc2
rgb(87,219,194)
-
#67dec8
#67dec8
rgb(103,222,200)
-
#77e2ce
#77e2ce
rgb(119,226,206)
-
#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 #2ccbad
A tone is produced by adding gray to any pure hue. In this case, #787f7e is the less saturated color, while #06f1c5 is the most saturated one.
-
#787f7e
#787f7e
rgb(120,127,126)
-
#6f8984
#6f8984
rgb(111,137,132)
-
#65928a
#65928a
rgb(101,146,138)
-
#5c9c8f
#5c9c8f
rgb(92,156,143)
-
#52a595
#52a595
rgb(82,165,149)
-
#49af9b
#49af9b
rgb(73,175,155)
-
#3fb8a1
#3fb8a1
rgb(63,184,161)
-
#36c2a7
#36c2a7
rgb(54,194,167)
-
#2ccbad
#2ccbad
rgb(44,203,173)
-
#23d5b3
#23d5b3
rgb(35,213,179)
-
#19deb9
#19deb9
rgb(25,222,185)
-
#10e8bf
#10e8bf
rgb(16,232,191)
-
#06f1c5
#06f1c5
rgb(6,241,197)
Color Blindness Simulator
Below, you can see how #2ccbad 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.