#2ccce1 Color Information
In a RGB color space, hex #2ccce1 is composed of 17.3% red, 80% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 9.3% magenta, 0% yellow and 11.8% black. It has a hue angle of 187 degrees, a saturation of 75.1% and a lightness of 52.7%. #2ccce1 color hex could be obtained by blending #58ffff with #0099c3. Closest websafe color is: #33cccc.
-
- R 17
- G 80
- B 88
-
- C 80
- M 9
- Y 0
- K 12
● #2ccce1 color description : Bright cyan.
#2ccce1 Color Conversion
The hexadecimal color #2ccce1 has RGB values of R:44, G:204, B:225 and CMYK values of C:0.8, M:0.09, Y:0, K:0.12. Its decimal value is 2936033.
Hex triplet | 2ccce1 | #2ccce1 |
---|---|---|
RGB Decimal | 44, 204, 225 | rgb(44,204,225) |
RGB Percent | 17.3, 80, 88.2 | rgb(17.3%,80%,88.2%) |
CMYK | 80, 9, 0, 12 | |
HSL | 187°, 75.1, 52.7 | hsl(187,75.1%,52.7%) |
HSV (or HSB) | 187°, 80.4, 88.2 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 75.547, -32.106, -21.731 |
---|---|
XYZ | 36.218, 49.154, 78.809 |
xyY | 0.221, 0.299, 49.154 |
CIE-LCH | 75.547, 38.769, 214.092 |
CIE-LUV | 75.547, -53.422, -29.769 |
Hunter-Lab | 70.11, -30.481, -17.57 |
Binary | 00101100, 11001100, 11100001 |
Color Schemes with #2ccce1
Alternatives to #2ccce1
Below, you can see some colors close to #2ccce1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2ccce1 Preview
This text has a font color of #2ccce1.
<span style="color:#2ccce1;">Text here</span>
This paragraph has a background color of #2ccce1.
<p style="background-color:#2ccce1;">Content here</p>
This element has a border color of #2ccce1.
<div style="border:1px solid #2ccce1;">Content here</div>
.text {color:#2ccce1;}
.background {background-color:#2ccce1;}
.border {border:1px solid #2ccce1;}
Shades and Tints of #2ccce1
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, #020b0c is the darkest color, while #fafefe is the lightest one.
-
#020b0c
#020b0c
rgb(2,11,12)
-
#041b1d
#041b1d
rgb(4,27,29)
-
#072a2f
#072a2f
rgb(7,42,47)
-
#093940
#093940
rgb(9,57,64)
-
#0c4951
#0c4951
rgb(12,73,81)
-
#0e5862
#0e5862
rgb(14,88,98)
-
#106873
#106873
rgb(16,104,115)
-
#137784
#137784
rgb(19,119,132)
-
#158796
#158796
rgb(21,135,150)
-
#1896a7
#1896a7
rgb(24,150,167)
-
#1aa6b8
#1aa6b8
rgb(26,166,184)
-
#1db5c9
#1db5c9
rgb(29,181,201)
-
#1fc5da
#1fc5da
rgb(31,197,218)
-
#2ccce1
#2ccce1
rgb(44,204,225)
-
#3dd0e3
#3dd0e3
rgb(61,208,227)
-
#4ed4e6
#4ed4e6
rgb(78,212,230)
-
#60d8e8
#60d8e8
rgb(96,216,232)
-
#71ddeb
#71ddeb
rgb(113,221,235)
-
#82e1ed
#82e1ed
rgb(130,225,237)
-
#93e5f0
#93e5f0
rgb(147,229,240)
-
#a4e9f2
#a4e9f2
rgb(164,233,242)
-
#b5edf5
#b5edf5
rgb(181,237,245)
-
#c7f1f7
#c7f1f7
rgb(199,241,247)
-
#d8f6f9
#d8f6f9
rgb(216,246,249)
-
#e9fafc
#e9fafc
rgb(233,250,252)
-
#fafefe
#fafefe
rgb(250,254,254)
Tones of #2ccce1
A tone is produced by adding gray to any pure hue. In this case, #7f8c8e is the less saturated color, while #10e1fd is the most saturated one.
-
#7f8c8e
#7f8c8e
rgb(127,140,142)
-
#769397
#769397
rgb(118,147,151)
-
#6d9aa0
#6d9aa0
rgb(109,154,160)
-
#64a1a9
#64a1a9
rgb(100,161,169)
-
#5aa8b3
#5aa8b3
rgb(90,168,179)
-
#51b0bc
#51b0bc
rgb(81,176,188)
-
#48b7c5
#48b7c5
rgb(72,183,197)
-
#3fbece
#3fbece
rgb(63,190,206)
-
#35c5d8
#35c5d8
rgb(53,197,216)
-
#2ccce1
#2ccce1
rgb(44,204,225)
-
#23d3ea
#23d3ea
rgb(35,211,234)
-
#19daf4
#19daf4
rgb(25,218,244)
-
#10e1fd
#10e1fd
rgb(16,225,253)
Color Blindness Simulator
Below, you can see how #2ccce1 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.