#2cc5ed hex color

In a RGB color space, hex #2cc5ed is composed of 17.3% red, 77.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 16.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 192.4 degrees, a saturation of 84.3% and a lightness of 55.1%. #2cc5ed color hex could be obtained by blending #58ffff with #008bdb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 17
- G 77
- B 93
RGB color chart
- C 81
- M 17
- Y 0
- K 7
CMYK color chart

● #2cc5ed color description : Bright cyan.

The hexadecimal color #2cc5ed has RGB values of R:44, G:197, B:237 and CMYK values of C:0.81, M:0.17, Y:0, K:0.07. Its decimal value is 2934253.

Hex triplet	2cc5ed	`#2cc5ed`
RGB Decimal	44, 197, 237	`rgb(44,197,237)`
RGB Percent	17.3, 77.3, 92.9	`rgb(17.3%,77.3%,92.9%)`
CMYK	81, 17, 0, 7
HSL	192.4°, 84.3, 55.1	`hsl(192.4,84.3%,55.1%)`
HSV (or HSB)	192.4°, 81.4, 92.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	73.92, -24.863, -30.692
XYZ	36.287, 46.579, 87.194
xyY	0.213, 0.274, 46.579
CIE-LCH	73.92, 39.499, 230.99
CIE-LUV	73.92, -50.153, -45.815
Hunter-Lab	68.249, -24.53, -27.974
Binary	00101100, 11000101, 11101101

#2cc5ed
```
#2cc5ed rgb(44,197,237)
```
#ed542c
```
#ed542c rgb(237,84,44)
```

Complementary Color

#2cedb5
```
#2cedb5 rgb(44,237,181)
```
#2cc5ed
```
#2cc5ed rgb(44,197,237)
```
#2c65ed
```
#2c65ed rgb(44,101,237)
```

Analogous Color

#edb52c
```
#edb52c rgb(237,181,44)
```
#2cc5ed
```
#2cc5ed rgb(44,197,237)
```
#ed2c65
```
#ed2c65 rgb(237,44,101)
```

Split Complementary Color

#c5ed2c
```
#c5ed2c rgb(197,237,44)
```
#2cc5ed
```
#2cc5ed rgb(44,197,237)
```
#ed2cc5
```
#ed2cc5 rgb(237,44,197)
```

Triadic Color

#2ced54
```
#2ced54 rgb(44,237,84)
```
#2cc5ed
```
#2cc5ed rgb(44,197,237)
```
#ed2cc5
```
#ed2cc5 rgb(237,44,197)
```
#ed542c
```
#ed542c rgb(237,84,44)
```

Tetradic Color

#1099bc
```
#1099bc rgb(16,153,188)
```
#12acd4
```
#12acd4 rgb(18,172,212)
```
#15bfeb
```
#15bfeb rgb(21,191,235)
```
#2cc5ed
```
#2cc5ed rgb(44,197,237)
```
#43cbef
```
#43cbef rgb(67,203,239)
```
#5bd2f1
```
#5bd2f1 rgb(91,210,241)
```
#72d8f3
```
#72d8f3 rgb(114,216,243)
```

Monochromatic Color

Below, you can see some colors close to #2cc5ed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#2cede5
```
#2cede5 rgb(44,237,229)
```
#2ce5ed
```
#2ce5ed rgb(44,229,237)
```
#2cd5ed
```
#2cd5ed rgb(44,213,237)
```
#2cc5ed
```
#2cc5ed rgb(44,197,237)
```
#2cb5ed
```
#2cb5ed rgb(44,181,237)
```
#2ca5ed
```
#2ca5ed rgb(44,165,237)
```
#2c95ed
```
#2c95ed rgb(44,149,237)
```

Similar Colors

Text with hexadecimal color #2cc5ed

This text has a font color of #2cc5ed.

<span style="color:#2cc5ed;">Text here</span>

#2cc5ed background color

This paragraph has a background color of #2cc5ed.

<p style="background-color:#2cc5ed;">Content here</p>

#2cc5ed border color

This element has a border color of #2cc5ed.

<div style="border:1px solid #2cc5ed;">Content here</div>

CSS codes

.text {color:#2cc5ed;}

.background {background-color:#2cc5ed;}

.border {border:1px solid #2cc5ed;}

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, #010506 is the darkest color, while #f3fcfe is the lightest one.

#010506
```
#010506 rgb(1,5,6)
```
#021318
```
#021318 rgb(2,19,24)
```
#04222a
```
#04222a rgb(4,34,42)
```
#05313c
```
#05313c rgb(5,49,60)
```
#073f4e
```
#073f4e rgb(7,63,78)
```
#084e60
```
#084e60 rgb(8,78,96)
```
#0a5d72
```
#0a5d72 rgb(10,93,114)
```
#0b6b84
```
#0b6b84 rgb(11,107,132)
```
#0d7a96
```
#0d7a96 rgb(13,122,150)
```
#0e89a9
```
#0e89a9 rgb(14,137,169)
```
#1097bb
```
#1097bb rgb(16,151,187)
```
#11a6cd
```
#11a6cd rgb(17,166,205)
```
#13b5df
```
#13b5df rgb(19,181,223)
```

Shade Color Variation

#1ac0eb
```
#1ac0eb rgb(26,192,235)
```
#2cc5ed
```
#2cc5ed rgb(44,197,237)
```
#3ecaef
```
#3ecaef rgb(62,202,239)
```
#50cff0
```
#50cff0 rgb(80,207,240)
```
#62d4f2
```
#62d4f2 rgb(98,212,242)
```
#74d9f3
```
#74d9f3 rgb(116,217,243)
```
#86def5
```
#86def5 rgb(134,222,245)
```
#98e3f6
```
#98e3f6 rgb(152,227,246)
```
#abe8f8
```
#abe8f8 rgb(171,232,248)
```
#bdedf9
```
#bdedf9 rgb(189,237,249)
```
#cff2fb
```
#cff2fb rgb(207,242,251)
```
#e1f7fc
```
#e1f7fc rgb(225,247,252)
```
#f3fcfe
```
#f3fcfe rgb(243,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #849195 is the less saturated color, while #1acfff is the most saturated one.

#849195
```
#849195 rgb(132,145,149)
```
#7b979e
```
#7b979e rgb(123,151,158)
```
#729ca7
```
#729ca7 rgb(114,156,167)
```
#6aa1af
```
#6aa1af rgb(106,161,175)
```
#61a6b8
```
#61a6b8 rgb(97,166,184)
```
#58abc1
```
#58abc1 rgb(88,171,193)
```
#4fb0ca
```
#4fb0ca rgb(79,176,202)
```
#46b6d3
```
#46b6d3 rgb(70,182,211)
```
#3ebbdb
```
#3ebbdb rgb(62,187,219)
```
#35c0e4
```
#35c0e4 rgb(53,192,228)
```
#2cc5ed
```
#2cc5ed rgb(44,197,237)
```
#23caf6
```
#23caf6 rgb(35,202,246)
```
#1acfff
```
#1acfff rgb(26,207,255)
```

Tone Color Variation

Below, you can see how #2cc5ed 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.

Monochromacy

#9c9c9c Achromatopsia 0.005% of the population
#86a4ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb7e3 Protanopia 1% of men
#a7b7f4 Deuteranopia 1% of men
#00cbda Tritanopia 0.001% of the population

Trichromacy

#7ebce6 Protanomaly 1% of men, 0.01% of women
#7abcf1 Deuteranomaly 6% of men, 0.4% of women
#10c9e1 Tritanomaly 0.01% of the population

#2cc5ed hex color

#2cc5ed Color Information

#2cc5ed Color Conversion

Color Schemes with #2cc5ed

Alternatives to #2cc5ed

#2cc5ed Preview

Shades and Tints of #2cc5ed

Tones of #2cc5ed

Color Blindness Simulator