#2ccbca Color Information
In a RGB color space, hex #2ccbca is composed of 17.3% red, 79.6% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 0% magenta, 0.5% yellow and 20.4% black. It has a hue angle of 179.6 degrees, a saturation of 64.4% and a lightness of 48.4%. #2ccbca color hex could be obtained by blending #58ffff with #009795. Closest websafe color is: #33cccc.
-
- R 17
- G 80
- B 79
-
- C 78
- M 0
- Y 0
- K 20
● #2ccbca color description : Strong cyan.
#2ccbca Color Conversion
The hexadecimal color #2ccbca has RGB values of R:44, G:203, B:202 and CMYK values of C:0.78, M:0, Y:0, K:0.2. Its decimal value is 2935754.
Hex triplet | 2ccbca | #2ccbca |
---|---|---|
RGB Decimal | 44, 203, 202 | rgb(44,203,202) |
RGB Percent | 17.3, 79.6, 79.2 | rgb(17.3%,79.6%,79.2%) |
CMYK | 78, 0, 0, 20 | |
HSL | 179.6°, 64.4, 48.4 | hsl(179.6,64.4%,48.4%) |
HSV (or HSB) | 179.6°, 78.3, 79.6 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 74.514, -38.54, -10.865 |
---|---|
XYZ | 33.052, 47.508, 63.302 |
xyY | 0.23, 0.33, 47.508 |
CIE-LCH | 74.514, 40.042, 195.743 |
CIE-LUV | 74.514, -54.759, -10.967 |
Hunter-Lab | 68.926, -35.026, -6.203 |
Binary | 00101100, 11001011, 11001010 |
Color Schemes with #2ccbca
Alternatives to #2ccbca
Below, you can see some colors close to #2ccbca. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2ccbca Preview
This text has a font color of #2ccbca.
<span style="color:#2ccbca;">Text here</span>
This paragraph has a background color of #2ccbca.
<p style="background-color:#2ccbca;">Content here</p>
This element has a border color of #2ccbca.
<div style="border:1px solid #2ccbca;">Content here</div>
.text {color:#2ccbca;}
.background {background-color:#2ccbca;}
.border {border:1px solid #2ccbca;}
Shades and Tints of #2ccbca
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, #020a09 is the darkest color, while #f8fefe is the lightest one.
-
#020a09
#020a09
rgb(2,10,9)
-
#061a1a
#061a1a
rgb(6,26,26)
-
#092a2a
#092a2a
rgb(9,42,42)
-
#0d3a3a
#0d3a3a
rgb(13,58,58)
-
#104a4a
#104a4a
rgb(16,74,74)
-
#145a5a
#145a5a
rgb(20,90,90)
-
#176a6a
#176a6a
rgb(23,106,106)
-
#1b7a7a
#1b7a7a
rgb(27,122,122)
-
#1e8b8a
#1e8b8a
rgb(30,139,138)
-
#229b9a
#229b9a
rgb(34,155,154)
-
#25abaa
#25abaa
rgb(37,171,170)
-
#29bbba
#29bbba
rgb(41,187,186)
-
#2ccbca
#2ccbca
rgb(44,203,202)
-
#37d4d3
#37d4d3
rgb(55,212,211)
-
#47d7d6
#47d7d6
rgb(71,215,214)
-
#57dbda
#57dbda
rgb(87,219,218)
-
#67dedd
#67dedd
rgb(103,222,221)
-
#77e2e1
#77e2e1
rgb(119,226,225)
-
#88e5e5
#88e5e5
rgb(136,229,229)
-
#98e9e8
#98e9e8
rgb(152,233,232)
-
#a8ecec
#a8ecec
rgb(168,236,236)
-
#b8f0ef
#b8f0ef
rgb(184,240,239)
-
#c8f3f3
#c8f3f3
rgb(200,243,243)
-
#d8f7f6
#d8f7f6
rgb(216,247,246)
-
#e8fafa
#e8fafa
rgb(232,250,250)
-
#f8fefe
#f8fefe
rgb(248,254,254)
Tones of #2ccbca
A tone is produced by adding gray to any pure hue. In this case, #787f7f is the less saturated color, while #06f1f0 is the most saturated one.
-
#787f7f
#787f7f
rgb(120,127,127)
-
#6f8988
#6f8988
rgb(111,137,136)
-
#659292
#659292
rgb(101,146,146)
-
#5c9c9b
#5c9c9b
rgb(92,156,155)
-
#52a5a4
#52a5a4
rgb(82,165,164)
-
#49afae
#49afae
rgb(73,175,174)
-
#3fb8b7
#3fb8b7
rgb(63,184,183)
-
#36c2c1
#36c2c1
rgb(54,194,193)
-
#2ccbca
#2ccbca
rgb(44,203,202)
-
#23d5d3
#23d5d3
rgb(35,213,211)
-
#19dedd
#19dedd
rgb(25,222,221)
-
#10e8e6
#10e8e6
rgb(16,232,230)
-
#06f1f0
#06f1f0
rgb(6,241,240)
Color Blindness Simulator
Below, you can see how #2ccbca 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.