#2ccccc Color Information
In a RGB color space, hex #2ccccc is composed of 17.3% red, 80% green and 80% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 0% magenta, 0% yellow and 20% black. It has a hue angle of 180 degrees, a saturation of 64.5% and a lightness of 48.6%. #2ccccc color hex could be obtained by blending #58ffff with #009999. Closest websafe color is: #33cccc.
-
- R 17
- G 80
- B 80
-
- C 78
- M 0
- Y 0
- K 20
● #2ccccc color description : Strong cyan.
#2ccccc Color Conversion
The hexadecimal color #2ccccc has RGB values of R:44, G:204, B:204 and CMYK values of C:0.78, M:0, Y:0, K:0.2. Its decimal value is 2936012.
Hex triplet | 2ccccc | #2ccccc |
---|---|---|
RGB Decimal | 44, 204, 204 | rgb(44,204,204) |
RGB Percent | 17.3, 80, 80 | rgb(17.3%,80%,80%) |
CMYK | 78, 0, 0, 20 | |
HSL | 180°, 64.5, 48.6 | hsl(180,64.5%,48.6%) |
HSV (or HSB) | 180°, 78.4, 80 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 74.874, -38.414, -11.408 |
---|---|
XYZ | 33.527, 48.078, 64.636 |
xyY | 0.229, 0.329, 48.078 |
CIE-LCH | 74.874, 40.072, 196.541 |
CIE-LUV | 74.874, -54.96, -11.867 |
Hunter-Lab | 69.338, -35.031, -6.733 |
Binary | 00101100, 11001100, 11001100 |
Color Schemes with #2ccccc
Alternatives to #2ccccc
Below, you can see some colors close to #2ccccc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2ccccc Preview
This text has a font color of #2ccccc.
<span style="color:#2ccccc;">Text here</span>
This paragraph has a background color of #2ccccc.
<p style="background-color:#2ccccc;">Content here</p>
This element has a border color of #2ccccc.
<div style="border:1px solid #2ccccc;">Content here</div>
.text {color:#2ccccc;}
.background {background-color:#2ccccc;}
.border {border:1px solid #2ccccc;}
Shades and Tints of #2ccccc
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, #020a0a is the darkest color, while #f9fefe is the lightest one.
-
#020a0a
#020a0a
rgb(2,10,10)
-
#061b1b
#061b1b
rgb(6,27,27)
-
#092b2b
#092b2b
rgb(9,43,43)
-
#0d3b3b
#0d3b3b
rgb(13,59,59)
-
#104b4b
#104b4b
rgb(16,75,75)
-
#145b5b
#145b5b
rgb(20,91,91)
-
#176b6b
#176b6b
rgb(23,107,107)
-
#1b7b7b
#1b7b7b
rgb(27,123,123)
-
#1e8b8b
#1e8b8b
rgb(30,139,139)
-
#229c9c
#229c9c
rgb(34,156,156)
-
#25acac
#25acac
rgb(37,172,172)
-
#29bcbc
#29bcbc
rgb(41,188,188)
-
#2ccccc
#2ccccc
rgb(44,204,204)
-
#38d4d4
#38d4d4
rgb(56,212,212)
-
#48d7d7
#48d7d7
rgb(72,215,215)
-
#58dbdb
#58dbdb
rgb(88,219,219)
-
#68dede
#68dede
rgb(104,222,222)
-
#78e2e2
#78e2e2
rgb(120,226,226)
-
#88e5e5
#88e5e5
rgb(136,229,229)
-
#98e9e9
#98e9e9
rgb(152,233,233)
-
#a9ecec
#a9ecec
rgb(169,236,236)
-
#b9f0f0
#b9f0f0
rgb(185,240,240)
-
#c9f3f3
#c9f3f3
rgb(201,243,243)
-
#d9f7f7
#d9f7f7
rgb(217,247,247)
-
#e9fafa
#e9fafa
rgb(233,250,250)
-
#f9fefe
#f9fefe
rgb(249,254,254)
Tones of #2ccccc
A tone is produced by adding gray to any pure hue. In this case, #788080 is the less saturated color, while #06f2f2 is the most saturated one.
-
#788080
#788080
rgb(120,128,128)
-
#6f8989
#6f8989
rgb(111,137,137)
-
#659393
#659393
rgb(101,147,147)
-
#5c9c9c
#5c9c9c
rgb(92,156,156)
-
#52a6a6
#52a6a6
rgb(82,166,166)
-
#49afaf
#49afaf
rgb(73,175,175)
-
#3fb9b9
#3fb9b9
rgb(63,185,185)
-
#36c2c2
#36c2c2
rgb(54,194,194)
-
#2ccccc
#2ccccc
rgb(44,204,204)
-
#22d6d6
#22d6d6
rgb(34,214,214)
-
#19dfdf
#19dfdf
rgb(25,223,223)
-
#0fe9e9
#0fe9e9
rgb(15,233,233)
-
#06f2f2
#06f2f2
rgb(6,242,242)
Color Blindness Simulator
Below, you can see how #2ccccc 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.