#2cccde hex color

In a RGB color space, hex #2cccde is composed of 17.3% red, 80% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 8.1% magenta, 0% yellow and 12.9% black. It has a hue angle of 186.1 degrees, a saturation of 73% and a lightness of 52.2%. #2cccde color hex could be obtained by blending #58ffff with #0099bd. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 17
- G 80
- B 87
RGB color chart
- C 80
- M 8
- Y 0
- K 13
CMYK color chart

● #2cccde color description : Bright cyan.

The hexadecimal color #2cccde has RGB values of R:44, G:204, B:222 and CMYK values of C:0.8, M:0.08, Y:0, K:0.13. Its decimal value is 2936030.

Hex triplet	2cccde	`#2cccde`
RGB Decimal	44, 204, 222	`rgb(44,204,222)`
RGB Percent	17.3, 80, 87.1	`rgb(17.3%,80%,87.1%)`
CMYK	80, 8, 0, 13
HSL	186.1°, 73, 52.2	`hsl(186.1,73%,52.2%)`
HSV (or HSB)	186.1°, 80.2, 87.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.446, -33.03, -20.267
XYZ	35.813, 48.992, 76.672
xyY	0.222, 0.303, 48.992
CIE-LCH	75.446, 38.752, 211.533
CIE-LUV	75.446, -53.64, -27.189
Hunter-Lab	69.994, -31.16, -15.951
Binary	00101100, 11001100, 11011110

#2cccde
```
#2cccde rgb(44,204,222)
```
#de3e2c
```
#de3e2c rgb(222,62,44)
```

Complementary Color

#2cde97
```
#2cde97 rgb(44,222,151)
```
#2cccde
```
#2cccde rgb(44,204,222)
```
#2c73de
```
#2c73de rgb(44,115,222)
```

Analogous Color

#de972c
```
#de972c rgb(222,151,44)
```
#2cccde
```
#2cccde rgb(44,204,222)
```
#de2c73
```
#de2c73 rgb(222,44,115)
```

Split Complementary Color

#ccde2c
```
#ccde2c rgb(204,222,44)
```
#2cccde
```
#2cccde rgb(44,204,222)
```
#de2ccc
```
#de2ccc rgb(222,44,204)
```

Triadic Color

#2cde3e
```
#2cde3e rgb(44,222,62)
```
#2cccde
```
#2cccde rgb(44,204,222)
```
#de2ccc
```
#de2ccc rgb(222,44,204)
```
#de3e2c
```
#de3e2c rgb(222,62,44)
```

Tetradic Color

#1a96a4
```
#1a96a4 rgb(26,150,164)
```
#1daaba
```
#1daaba rgb(29,170,186)
```
#21bed0
```
#21bed0 rgb(33,190,208)
```
#2cccde
```
#2cccde rgb(44,204,222)
```
#42d1e1
```
#42d1e1 rgb(66,209,225)
```
#58d7e5
```
#58d7e5 rgb(88,215,229)
```
#6edce8
```
#6edce8 rgb(110,220,232)
```

Monochromatic Color

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

#2cdec4
```
#2cdec4 rgb(44,222,196)
```
#2cded2
```
#2cded2 rgb(44,222,210)
```
#2cdbde
```
#2cdbde rgb(44,219,222)
```
#2cccde
```
#2cccde rgb(44,204,222)
```
#2cbdde
```
#2cbdde rgb(44,189,222)
```
#2caede
```
#2caede rgb(44,174,222)
```
#2ca0de
```
#2ca0de rgb(44,160,222)
```

Similar Colors

Text with hexadecimal color #2cccde

This text has a font color of #2cccde.

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

#2cccde background color

This paragraph has a background color of #2cccde.

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

#2cccde border color

This element has a border color of #2cccde.

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

CSS codes

.text {color:#2cccde;}

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

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

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, #01090a is the darkest color, while #f8fdfe is the lightest one.

#01090a
```
#01090a rgb(1,9,10)
```
#04181a
```
#04181a rgb(4,24,26)
```
#07282b
```
#07282b rgb(7,40,43)
```
#09373c
```
#09373c rgb(9,55,60)
```
#0c474d
```
#0c474d rgb(12,71,77)
```
#0f565e
```
#0f565e rgb(15,86,94)
```
#11666f
```
#11666f rgb(17,102,111)
```
#147580
```
#147580 rgb(20,117,128)
```
#178591
```
#178591 rgb(23,133,145)
```
#1994a2
```
#1994a2 rgb(25,148,162)
```
#1ca4b3
```
#1ca4b3 rgb(28,164,179)
```
#1fb3c4
```
#1fb3c4 rgb(31,179,196)
```
#21c3d5
```
#21c3d5 rgb(33,195,213)
```

Shade Color Variation

#2cccde
```
#2cccde rgb(44,204,222)
```
#3dd0e1
```
#3dd0e1 rgb(61,208,225)
```
#4ed4e3
```
#4ed4e3 rgb(78,212,227)
```
#5fd8e6
```
#5fd8e6 rgb(95,216,230)
```
#70dce9
```
#70dce9 rgb(112,220,233)
```
#81e0eb
```
#81e0eb rgb(129,224,235)
```
#92e5ee
```
#92e5ee rgb(146,229,238)
```
#a3e9f1
```
#a3e9f1 rgb(163,233,241)
```
#b4edf3
```
#b4edf3 rgb(180,237,243)
```
#c5f1f6
```
#c5f1f6 rgb(197,241,246)
```
#d6f5f9
```
#d6f5f9 rgb(214,245,249)
```
#e7f9fb
```
#e7f9fb rgb(231,249,251)
```
#f8fdfe
```
#f8fdfe rgb(248,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #80898a is the less saturated color, while #10e2fa is the most saturated one.

#80898a
```
#80898a rgb(128,137,138)
```
#779093
```
#779093 rgb(119,144,147)
```
#6e989c
```
#6e989c rgb(110,152,156)
```
#649fa6
```
#649fa6 rgb(100,159,166)
```
#5ba7af
```
#5ba7af rgb(91,167,175)
```
#52aeb8
```
#52aeb8 rgb(82,174,184)
```
#48b6c2
```
#48b6c2 rgb(72,182,194)
```
#3fbdcb
```
#3fbdcb rgb(63,189,203)
```
#35c5d5
```
#35c5d5 rgb(53,197,213)
```
#2cccde
```
#2cccde rgb(44,204,222)
```
#23d3e7
```
#23d3e7 rgb(35,211,231)
```
#19dbf1
```
#19dbf1 rgb(25,219,241)
```
#10e2fa
```
#10e2fa rgb(16,226,250)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#87a7ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9bcd4 Protanopia 1% of men
#b8b9e7 Deuteranopia 1% of men
#34cede Tritanopia 0.001% of the population

Trichromacy

#85c1d7 Protanomaly 1% of men, 0.01% of women
#85c0e4 Deuteranomaly 6% of men, 0.4% of women
#31cdde Tritanomaly 0.01% of the population

#2cccde hex color

#2cccde Color Information

#2cccde Color Conversion

Color Schemes with #2cccde

Alternatives to #2cccde

#2cccde Preview

Shades and Tints of #2cccde

Tones of #2cccde

Color Blindness Simulator