#2ccced hex color

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

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

● #2ccced color description : Bright cyan.

The hexadecimal color #2ccced has RGB values of R:44, G:204, B:237 and CMYK values of C:0.81, M:0.14, Y:0, K:0.07. Its decimal value is 2936045.

Hex triplet	2ccced	`#2ccced`
RGB Decimal	44, 204, 237	`rgb(44,204,237)`
RGB Percent	17.3, 80, 92.9	`rgb(17.3%,80%,92.9%)`
CMYK	81, 14, 0, 7
HSL	190.3°, 84.3, 55.1	`hsl(190.3,84.3%,55.1%)`
HSV (or HSB)	190.3°, 81.4, 92.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	75.966, -28.343, -27.548
XYZ	37.913, 49.832, 87.736
xyY	0.216, 0.284, 49.832
CIE-LCH	75.966, 39.525, 224.185
CIE-LUV	75.966, -52.553, -40.13
Hunter-Lab	70.592, -27.667, -24.276
Binary	00101100, 11001100, 11101101

#2ccced
```
#2ccced rgb(44,204,237)
```
#ed4d2c
```
#ed4d2c rgb(237,77,44)
```

Complementary Color

#2cedae
```
#2cedae rgb(44,237,174)
```
#2ccced
```
#2ccced rgb(44,204,237)
```
#2c6ced
```
#2c6ced rgb(44,108,237)
```

Analogous Color

#edae2c
```
#edae2c rgb(237,174,44)
```
#2ccced
```
#2ccced rgb(44,204,237)
```
#ed2c6c
```
#ed2c6c rgb(237,44,108)
```

Split Complementary Color

#cced2c
```
#cced2c rgb(204,237,44)
```
#2ccced
```
#2ccced rgb(44,204,237)
```
#ed2ccc
```
#ed2ccc rgb(237,44,204)
```

Triadic Color

#2ced4d
```
#2ced4d rgb(44,237,77)
```
#2ccced
```
#2ccced rgb(44,204,237)
```
#ed2ccc
```
#ed2ccc rgb(237,44,204)
```
#ed4d2c
```
#ed4d2c rgb(237,77,44)
```

Tetradic Color

#109fbc
```
#109fbc rgb(16,159,188)
```
#12b3d4
```
#12b3d4 rgb(18,179,212)
```
#15c6eb
```
#15c6eb rgb(21,198,235)
```
#2ccced
```
#2ccced rgb(44,204,237)
```
#43d2ef
```
#43d2ef rgb(67,210,239)
```
#5bd7f1
```
#5bd7f1 rgb(91,215,241)
```
#72ddf3
```
#72ddf3 rgb(114,221,243)
```

Monochromatic Color

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

#2cedde
```
#2cedde rgb(44,237,222)
```
#2ceced
```
#2ceced rgb(44,236,237)
```
#2cdced
```
#2cdced rgb(44,220,237)
```
#2ccced
```
#2ccced rgb(44,204,237)
```
#2cbced
```
#2cbced rgb(44,188,237)
```
#2caced
```
#2caced rgb(44,172,237)
```
#2c9ced
```
#2c9ced rgb(44,156,237)
```

Similar Colors

Text with hexadecimal color #2ccced

This text has a font color of #2ccced.

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

#2ccced background color

This paragraph has a background color of #2ccced.

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

#2ccced border color

This element has a border color of #2ccced.

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

CSS codes

.text {color:#2ccced;}

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

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

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)
```
#021418
```
#021418 rgb(2,20,24)
```
#04232a
```
#04232a rgb(4,35,42)
```
#05333c
```
#05333c rgb(5,51,60)
```
#07424e
```
#07424e rgb(7,66,78)
```
#085160
```
#085160 rgb(8,81,96)
```
#0a6072
```
#0a6072 rgb(10,96,114)
```
#0b7084
```
#0b7084 rgb(11,112,132)
```
#0d7f96
```
#0d7f96 rgb(13,127,150)
```
#0e8ea9
```
#0e8ea9 rgb(14,142,169)
```
#109dbb
```
#109dbb rgb(16,157,187)
```
#11adcd
```
#11adcd rgb(17,173,205)
```
#13bcdf
```
#13bcdf rgb(19,188,223)
```

Shade Color Variation

#1ac8eb
```
#1ac8eb rgb(26,200,235)
```
#2ccced
```
#2ccced rgb(44,204,237)
```
#3ed0ef
```
#3ed0ef rgb(62,208,239)
```
#50d5f0
```
#50d5f0 rgb(80,213,240)
```
#62d9f2
```
#62d9f2 rgb(98,217,242)
```
#74ddf3
```
#74ddf3 rgb(116,221,243)
```
#86e2f5
```
#86e2f5 rgb(134,226,245)
```
#98e6f6
```
#98e6f6 rgb(152,230,246)
```
#abebf8
```
#abebf8 rgb(171,235,248)
```
#bdeff9
```
#bdeff9 rgb(189,239,249)
```
#cff3fb
```
#cff3fb rgb(207,243,251)
```
#e1f8fc
```
#e1f8fc rgb(225,248,252)
```
#f3fcfe
```
#f3fcfe rgb(243,252,254)
```

Tint Color Variation

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

#849295
```
#849295 rgb(132,146,149)
```
#7b989e
```
#7b989e rgb(123,152,158)
```
#729ea7
```
#729ea7 rgb(114,158,167)
```
#6aa3af
```
#6aa3af rgb(106,163,175)
```
#61a9b8
```
#61a9b8 rgb(97,169,184)
```
#58afc1
```
#58afc1 rgb(88,175,193)
```
#4fb5ca
```
#4fb5ca rgb(79,181,202)
```
#46bbd3
```
#46bbd3 rgb(70,187,211)
```
#3ec0db
```
#3ec0db rgb(62,192,219)
```
#35c6e4
```
#35c6e4 rgb(53,198,228)
```
#2ccced
```
#2ccced rgb(44,204,237)
```
#23d2f6
```
#23d2f6 rgb(35,210,246)
```
#1ad8ff
```
#1ad8ff rgb(26,216,255)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#89a9af Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6bde2 Protanopia 1% of men
#b0bcf5 Deuteranopia 1% of men
#1dd1e0 Tritanopia 0.001% of the population

Trichromacy

#83c2e6 Protanomaly 1% of men, 0.01% of women
#80c1f2 Deuteranomaly 6% of men, 0.4% of women
#22cfe4 Tritanomaly 0.01% of the population

#2ccced hex color

#2ccced Color Information

#2ccced Color Conversion

Color Schemes with #2ccced

Alternatives to #2ccced

#2ccced Preview

Shades and Tints of #2ccced

Tones of #2ccced

Color Blindness Simulator