#2ccbbb Color Information
In a RGB color space, hex #2ccbbb is composed of 17.3% red, 79.6% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 0% magenta, 7.9% yellow and 20.4% black. It has a hue angle of 174 degrees, a saturation of 64.4% and a lightness of 48.4%. #2ccbbb color hex could be obtained by blending #58ffff with #009777. Closest websafe color is: #33cccc.
-
- R 17
- G 80
- B 73
-
- C 78
- M 0
- Y 8
- K 20
● #2ccbbb color description : Strong cyan.
#2ccbbb Color Conversion
The hexadecimal color #2ccbbb has RGB values of R:44, G:203, B:187 and CMYK values of C:0.78, M:0, Y:0.08, K:0.2. Its decimal value is 2935739.
| Hex triplet | 2ccbbb | #2ccbbb |
|---|---|---|
| RGB Decimal | 44, 203, 187 | rgb(44,203,187) |
| RGB Percent | 17.3, 79.6, 73.3 | rgb(17.3%,79.6%,73.3%) |
| CMYK | 78, 0, 8, 20 | |
| HSL | 174°, 64.4, 48.4 | hsl(174,64.4%,48.4%) |
| HSV (or HSB) | 174°, 78.3, 79.6 | |
| Web Safe | 33cccc | #33cccc |
| CIE-LAB | 74.082, -42.78, -3.383 |
|---|---|
| XYZ | 31.361, 46.832, 54.398 |
| xyY | 0.237, 0.353, 46.832 |
| CIE-LCH | 74.082, 42.913, 184.522 |
| CIE-LUV | 74.082, -55.854, 1.476 |
| Hunter-Lab | 68.434, -37.958, 0.775 |
| Binary | 00101100, 11001011, 10111011 |
Color Schemes with #2ccbbb
Alternatives to #2ccbbb
Below, you can see some colors close to #2ccbbb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2ccbbb Preview
This text has a font color of #2ccbbb.
<span style="color:#2ccbbb;">Text here</span>
This paragraph has a background color of #2ccbbb.
<p style="background-color:#2ccbbb;">Content here</p>
This element has a border color of #2ccbbb.
<div style="border:1px solid #2ccbbb;">Content here</div>
.text {color:#2ccbbb;}
.background {background-color:#2ccbbb;}
.border {border:1px solid #2ccbbb;}
Shades and Tints of #2ccbbb
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 #f8fefd is the lightest one.
-
#020a09
#020a09rgb(2,10,9) -
#061a18
#061a18rgb(6,26,24) -
#092a26
#092a26rgb(9,42,38) -
#0d3a35
#0d3a35rgb(13,58,53) -
#104a44
#104a44rgb(16,74,68) -
#145a53
#145a53rgb(20,90,83) -
#176a62
#176a62rgb(23,106,98) -
#1b7a71
#1b7a71rgb(27,122,113) -
#1e8b80
#1e8b80rgb(30,139,128) -
#229b8e
#229b8ergb(34,155,142) -
#25ab9d
#25ab9drgb(37,171,157) -
#29bbac
#29bbacrgb(41,187,172) -
#2ccbbb
#2ccbbbrgb(44,203,187)
-
#37d4c4
#37d4c4rgb(55,212,196) -
#47d7c9
#47d7c9rgb(71,215,201) -
#57dbcd
#57dbcdrgb(87,219,205) -
#67ded2
#67ded2rgb(103,222,210) -
#77e2d7
#77e2d7rgb(119,226,215) -
#88e5dc
#88e5dcrgb(136,229,220) -
#98e9e0
#98e9e0rgb(152,233,224) -
#a8ece5
#a8ece5rgb(168,236,229) -
#b8f0ea
#b8f0eargb(184,240,234) -
#c8f3ef
#c8f3efrgb(200,243,239) -
#d8f7f4
#d8f7f4rgb(216,247,244) -
#e8faf8
#e8faf8rgb(232,250,248) -
#f8fefd
#f8fefdrgb(248,254,253)
Tones of #2ccbbb
A tone is produced by adding gray to any pure hue. In this case, #787f7e is the less saturated color, while #06f1d9 is the most saturated one.
-
#787f7e
#787f7ergb(120,127,126) -
#6f8986
#6f8986rgb(111,137,134) -
#65928d
#65928drgb(101,146,141) -
#5c9c95
#5c9c95rgb(92,156,149) -
#52a59d
#52a59drgb(82,165,157) -
#49afa4
#49afa4rgb(73,175,164) -
#3fb8ac
#3fb8acrgb(63,184,172) -
#36c2b3
#36c2b3rgb(54,194,179) -
#2ccbbb
#2ccbbbrgb(44,203,187) -
#23d5c3
#23d5c3rgb(35,213,195) -
#19deca
#19decargb(25,222,202) -
#10e8d2
#10e8d2rgb(16,232,210) -
#06f1d9
#06f1d9rgb(6,241,217)
Color Blindness Simulator
Below, you can see how #2ccbbb 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.
