#2ccedd Color Information
In a RGB color space, hex #2ccedd is composed of 17.3% red, 80.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 6.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 185.1 degrees, a saturation of 72.2% and a lightness of 52%. #2ccedd color hex could be obtained by blending #58ffff with #009dbb. Closest websafe color is: #33cccc.
-
- R 17
- G 81
- B 87
-
- C 80
- M 7
- Y 0
- K 13
● #2ccedd color description : Bright cyan.
#2ccedd Color Conversion
The hexadecimal color #2ccedd has RGB values of R:44, G:206, B:221 and CMYK values of C:0.8, M:0.07, Y:0, K:0.13. Its decimal value is 2936541.
Hex triplet | 2ccedd | #2ccedd |
---|---|---|
RGB Decimal | 44, 206, 221 | rgb(44,206,221) |
RGB Percent | 17.3, 80.8, 86.7 | rgb(17.3%,80.8%,86.7%) |
CMYK | 80, 7, 0, 13 | |
HSL | 185.1°, 72.2, 52 | hsl(185.1,72.2%,52%) |
HSV (or HSB) | 185.1°, 80.1, 86.7 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 76.005, -34.283, -18.882 |
---|---|
XYZ | 36.157, 49.895, 76.128 |
xyY | 0.223, 0.308, 49.895 |
CIE-LCH | 76.005, 39.138, 208.844 |
CIE-LUV | 76.005, -54.405, -24.73 |
Hunter-Lab | 70.636, -32.243, -14.454 |
Binary | 00101100, 11001110, 11011101 |
Color Schemes with #2ccedd
Alternatives to #2ccedd
Below, you can see some colors close to #2ccedd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2ccedd Preview
This text has a font color of #2ccedd.
<span style="color:#2ccedd;">Text here</span>
This paragraph has a background color of #2ccedd.
<p style="background-color:#2ccedd;">Content here</p>
This element has a border color of #2ccedd.
<div style="border:1px solid #2ccedd;">Content here</div>
.text {color:#2ccedd;}
.background {background-color:#2ccedd;}
.border {border:1px solid #2ccedd;}
Shades and Tints of #2ccedd
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, #010809 is the darkest color, while #f7fdfe is the lightest one.
-
#010809
#010809
rgb(1,8,9)
-
#04181a
#04181a
rgb(4,24,26)
-
#07272a
#07272a
rgb(7,39,42)
-
#0a373b
#0a373b
rgb(10,55,59)
-
#0c474c
#0c474c
rgb(12,71,76)
-
#0f565d
#0f565d
rgb(15,86,93)
-
#12666e
#12666e
rgb(18,102,110)
-
#14767f
#14767f
rgb(20,118,127)
-
#178690
#178690
rgb(23,134,144)
-
#1a95a1
#1a95a1
rgb(26,149,161)
-
#1da5b2
#1da5b2
rgb(29,165,178)
-
#1fb5c2
#1fb5c2
rgb(31,181,194)
-
#22c4d3
#22c4d3
rgb(34,196,211)
-
#2ccedd
#2ccedd
rgb(44,206,221)
-
#3dd2e0
#3dd2e0
rgb(61,210,224)
-
#4ed6e2
#4ed6e2
rgb(78,214,226)
-
#5fdae5
#5fdae5
rgb(95,218,229)
-
#70dee8
#70dee8
rgb(112,222,232)
-
#80e2eb
#80e2eb
rgb(128,226,235)
-
#91e6ed
#91e6ed
rgb(145,230,237)
-
#a2e9f0
#a2e9f0
rgb(162,233,240)
-
#b3edf3
#b3edf3
rgb(179,237,243)
-
#c4f1f5
#c4f1f5
rgb(196,241,245)
-
#d5f5f8
#d5f5f8
rgb(213,245,248)
-
#e6f9fb
#e6f9fb
rgb(230,249,251)
-
#f7fdfe
#f7fdfe
rgb(247,253,254)
Tones of #2ccedd
A tone is produced by adding gray to any pure hue. In this case, #818888 is the less saturated color, while #10e5f9 is the most saturated one.
-
#818888
#818888
rgb(129,136,136)
-
#778f92
#778f92
rgb(119,143,146)
-
#6e979b
#6e979b
rgb(110,151,155)
-
#659fa4
#659fa4
rgb(101,159,164)
-
#5ba7ae
#5ba7ae
rgb(91,167,174)
-
#52afb7
#52afb7
rgb(82,175,183)
-
#48b7c1
#48b7c1
rgb(72,183,193)
-
#3fbeca
#3fbeca
rgb(63,190,202)
-
#35c6d4
#35c6d4
rgb(53,198,212)
-
#2ccedd
#2ccedd
rgb(44,206,221)
-
#23d6e6
#23d6e6
rgb(35,214,230)
-
#19def0
#19def0
rgb(25,222,240)
-
#10e5f9
#10e5f9
rgb(16,229,249)
Color Blindness Simulator
Below, you can see how #2ccedd 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.