#2ccded hex color

In a RGB color space, hex #2ccded is composed of 17.3% red, 80.4% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 13.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 189.9 degrees, a saturation of 84.3% and a lightness of 55.1%. #2ccded color hex could be obtained by blending #58ffff with #009bdb. 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

● #2ccded color description : Bright cyan.

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

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

CIE-LAB	76.258, -28.834, -27.1
XYZ	38.152, 50.309, 87.816
xyY	0.216, 0.285, 50.309
CIE-LCH	76.258, 39.57, 223.225
CIE-LUV	76.258, -52.896, -39.319
Hunter-Lab	70.929, -28.112, -23.756
Binary	00101100, 11001101, 11101101

#2ccded
```
#2ccded rgb(44,205,237)
```
#ed4c2c
```
#ed4c2c rgb(237,76,44)
```

Complementary Color

#2cedad
```
#2cedad rgb(44,237,173)
```
#2ccded
```
#2ccded rgb(44,205,237)
```
#2c6ded
```
#2c6ded rgb(44,109,237)
```

Analogous Color

#edad2c
```
#edad2c rgb(237,173,44)
```
#2ccded
```
#2ccded rgb(44,205,237)
```
#ed2c6d
```
#ed2c6d rgb(237,44,109)
```

Split Complementary Color

#cded2c
```
#cded2c rgb(205,237,44)
```
#2ccded
```
#2ccded rgb(44,205,237)
```
#ed2ccd
```
#ed2ccd rgb(237,44,205)
```

Triadic Color

#2ced4c
```
#2ced4c rgb(44,237,76)
```
#2ccded
```
#2ccded rgb(44,205,237)
```
#ed2ccd
```
#ed2ccd rgb(237,44,205)
```
#ed4c2c
```
#ed4c2c rgb(237,76,44)
```

Tetradic Color

#10a0bc
```
#10a0bc rgb(16,160,188)
```
#12b4d4
```
#12b4d4 rgb(18,180,212)
```
#15c7eb
```
#15c7eb rgb(21,199,235)
```
#2ccded
```
#2ccded rgb(44,205,237)
```
#43d3ef
```
#43d3ef rgb(67,211,239)
```
#5bd8f1
```
#5bd8f1 rgb(91,216,241)
```
#72def3
```
#72def3 rgb(114,222,243)
```

Monochromatic Color

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

#2ceddd
```
#2ceddd rgb(44,237,221)
```
#2ceded
```
#2ceded rgb(44,237,237)
```
#2cdded
```
#2cdded rgb(44,221,237)
```
#2ccded
```
#2ccded rgb(44,205,237)
```
#2cbded
```
#2cbded rgb(44,189,237)
```
#2caded
```
#2caded rgb(44,173,237)
```
#2c9ded
```
#2c9ded rgb(44,157,237)
```

Similar Colors

Text with hexadecimal color #2ccded

This text has a font color of #2ccded.

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

#2ccded background color

This paragraph has a background color of #2ccded.

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

#2ccded border color

This element has a border color of #2ccded.

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

CSS codes

.text {color:#2ccded;}

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

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

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)
```
#04242a
```
#04242a rgb(4,36,42)
```
#05333c
```
#05333c rgb(5,51,60)
```
#07424e
```
#07424e rgb(7,66,78)
```
#085260
```
#085260 rgb(8,82,96)
```
#0a6172
```
#0a6172 rgb(10,97,114)
```
#0b7084
```
#0b7084 rgb(11,112,132)
```
#0d8096
```
#0d8096 rgb(13,128,150)
```
#0e8fa9
```
#0e8fa9 rgb(14,143,169)
```
#109ebb
```
#109ebb rgb(16,158,187)
```
#11aecd
```
#11aecd rgb(17,174,205)
```
#13bddf
```
#13bddf rgb(19,189,223)
```

Shade Color Variation

#1ac9eb
```
#1ac9eb rgb(26,201,235)
```
#2ccded
```
#2ccded rgb(44,205,237)
```
#3ed1ef
```
#3ed1ef rgb(62,209,239)
```
#50d6f0
```
#50d6f0 rgb(80,214,240)
```
#62daf2
```
#62daf2 rgb(98,218,242)
```
#74def3
```
#74def3 rgb(116,222,243)
```
#86e2f5
```
#86e2f5 rgb(134,226,245)
```
#98e7f6
```
#98e7f6 rgb(152,231,246)
```
#abebf8
```
#abebf8 rgb(171,235,248)
```
#bdeff9
```
#bdeff9 rgb(189,239,249)
```
#cff4fb
```
#cff4fb rgb(207,244,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 #1ad9ff is the most saturated one.

#849295
```
#849295 rgb(132,146,149)
```
#7b989e
```
#7b989e rgb(123,152,158)
```
#729ea7
```
#729ea7 rgb(114,158,167)
```
#6aa4af
```
#6aa4af rgb(106,164,175)
```
#61aab8
```
#61aab8 rgb(97,170,184)
```
#58b0c1
```
#58b0c1 rgb(88,176,193)
```
#4fb5ca
```
#4fb5ca rgb(79,181,202)
```
#46bbd3
```
#46bbd3 rgb(70,187,211)
```
#3ec1db
```
#3ec1db rgb(62,193,219)
```
#35c7e4
```
#35c7e4 rgb(53,199,228)
```
#2ccded
```
#2ccded rgb(44,205,237)
```
#23d3f6
```
#23d3f6 rgb(35,211,246)
```
#1ad9ff
```
#1ad9ff rgb(26,217,255)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#8aaab0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7bde2 Protanopia 1% of men
#b2bcf5 Deuteranopia 1% of men
#1fd1e1 Tritanopia 0.001% of the population

Trichromacy

#84c3e6 Protanomaly 1% of men, 0.01% of women
#81c2f2 Deuteranomaly 6% of men, 0.4% of women
#24d0e5 Tritanomaly 0.01% of the population

#2ccded hex color

#2ccded Color Information

#2ccded Color Conversion

Color Schemes with #2ccded

Alternatives to #2ccded

#2ccded Preview

Shades and Tints of #2ccded

Tones of #2ccded

Color Blindness Simulator