#2ccbcc Color Information
In a RGB color space, hex #2ccbcc is composed of 17.3% red, 79.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 0.5% magenta, 0% yellow and 20% black. It has a hue angle of 180.4 degrees, a saturation of 64.5% and a lightness of 48.6%. #2ccbcc color hex could be obtained by blending #58ffff with #009799. Closest websafe color is: #33cccc.
-
- R 17
- G 80
- B 80
-
- C 78
- M 0
- Y 0
- K 20
● #2ccbcc color description : Strong cyan.
#2ccbcc Color Conversion
The hexadecimal color #2ccbcc has RGB values of R:44, G:203, B:204 and CMYK values of C:0.78, M:0, Y:0, K:0.2. Its decimal value is 2935756.
Hex triplet | 2ccbcc | #2ccbcc |
---|---|---|
RGB Decimal | 44, 203, 204 | rgb(44,203,204) |
RGB Percent | 17.3, 79.6, 80 | rgb(17.3%,79.6%,80%) |
CMYK | 78, 0, 0, 20 | |
HSL | 180.4°, 64.5, 48.6 | hsl(180.4,64.5%,48.6%) |
HSV (or HSB) | 180.4°, 78.4, 80 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 74.574, -37.957, -11.856 |
---|---|
XYZ | 33.29, 47.604, 64.557 |
xyY | 0.229, 0.327, 47.604 |
CIE-LCH | 74.574, 39.766, 197.347 |
CIE-LUV | 74.574, -54.612, -12.651 |
Hunter-Lab | 68.995, -34.616, -7.179 |
Binary | 00101100, 11001011, 11001100 |
Color Schemes with #2ccbcc
Alternatives to #2ccbcc
Below, you can see some colors close to #2ccbcc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2ccbcc Preview
This text has a font color of #2ccbcc.
<span style="color:#2ccbcc;">Text here</span>
This paragraph has a background color of #2ccbcc.
<p style="background-color:#2ccbcc;">Content here</p>
This element has a border color of #2ccbcc.
<div style="border:1px solid #2ccbcc;">Content here</div>
.text {color:#2ccbcc;}
.background {background-color:#2ccbcc;}
.border {border:1px solid #2ccbcc;}
Shades and Tints of #2ccbcc
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)
-
#061a1b
#061a1b
rgb(6,26,27)
-
#092a2b
#092a2b
rgb(9,42,43)
-
#0d3a3b
#0d3a3b
rgb(13,58,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)
-
#229b9c
#229b9c
rgb(34,155,156)
-
#25abac
#25abac
rgb(37,171,172)
-
#29bbbc
#29bbbc
rgb(41,187,188)
-
#2ccbcc
#2ccbcc
rgb(44,203,204)
-
#38d3d4
#38d3d4
rgb(56,211,212)
-
#48d7d7
#48d7d7
rgb(72,215,215)
-
#58dadb
#58dadb
rgb(88,218,219)
-
#68dede
#68dede
rgb(104,222,222)
-
#78e1e2
#78e1e2
rgb(120,225,226)
-
#88e5e5
#88e5e5
rgb(136,229,229)
-
#98e8e9
#98e8e9
rgb(152,232,233)
-
#a9ecec
#a9ecec
rgb(169,236,236)
-
#b9eff0
#b9eff0
rgb(185,239,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 #2ccbcc
A tone is produced by adding gray to any pure hue. In this case, #788080 is the less saturated color, while #06f1f2 is the most saturated one.
-
#788080
#788080
rgb(120,128,128)
-
#6f8989
#6f8989
rgb(111,137,137)
-
#659293
#659293
rgb(101,146,147)
-
#5c9c9c
#5c9c9c
rgb(92,156,156)
-
#52a5a6
#52a5a6
rgb(82,165,166)
-
#49afaf
#49afaf
rgb(73,175,175)
-
#3fb8b9
#3fb8b9
rgb(63,184,185)
-
#36c2c2
#36c2c2
rgb(54,194,194)
-
#2ccbcc
#2ccbcc
rgb(44,203,204)
-
#22d4d6
#22d4d6
rgb(34,212,214)
-
#19dedf
#19dedf
rgb(25,222,223)
-
#0fe7e9
#0fe7e9
rgb(15,231,233)
-
#06f1f2
#06f1f2
rgb(6,241,242)
Color Blindness Simulator
Below, you can see how #2ccbcc 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.