#2cdee2 hex color

In a RGB color space, hex #2cdee2 is composed of 17.3% red, 87.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 1.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 181.3 degrees, a saturation of 75.8% and a lightness of 52.9%. #2cdee2 color hex could be obtained by blending #58ffff with #00bdc5. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 17
- G 87
- B 89
RGB color chart
- C 81
- M 2
- Y 0
- K 11
CMYK color chart

● #2cdee2 color description : Bright cyan.

The hexadecimal color #2cdee2 has RGB values of R:44, G:222, B:226 and CMYK values of C:0.81, M:0.02, Y:0, K:0.11. Its decimal value is 2940642.

Hex triplet	2cdee2	`#2cdee2`
RGB Decimal	44, 222, 226	`rgb(44,222,226)`
RGB Percent	17.3, 87.1, 88.6	`rgb(17.3%,87.1%,88.6%)`
CMYK	81, 2, 0, 11
HSL	181.3°, 75.8, 52.9	`hsl(181.3,75.8%,52.9%)`
HSV (or HSB)	181.3°, 80.5, 88.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	80.886, -40.179, -14.204
XYZ	40.883, 58.265, 81.039
xyY	0.227, 0.323, 58.265
CIE-LCH	80.886, 42.616, 199.469
CIE-LUV	80.886, -59.533, -16.288
Hunter-Lab	76.332, -37.975, -9.514
Binary	00101100, 11011110, 11100010

#2cdee2
```
#2cdee2 rgb(44,222,226)
```
#e2302c
```
#e2302c rgb(226,48,44)
```

Complementary Color

#2ce28b
```
#2ce28b rgb(44,226,139)
```
#2cdee2
```
#2cdee2 rgb(44,222,226)
```
#2c83e2
```
#2c83e2 rgb(44,131,226)
```

Analogous Color

#e28b2c
```
#e28b2c rgb(226,139,44)
```
#2cdee2
```
#2cdee2 rgb(44,222,226)
```
#e22c83
```
#e22c83 rgb(226,44,131)
```

Split Complementary Color

#dee22c
```
#dee22c rgb(222,226,44)
```
#2cdee2
```
#2cdee2 rgb(44,222,226)
```
#e22cde
```
#e22cde rgb(226,44,222)
```

Triadic Color

#2ce230
```
#2ce230 rgb(44,226,48)
```
#2cdee2
```
#2cdee2 rgb(44,222,226)
```
#e22cde
```
#e22cde rgb(226,44,222)
```
#e2302c
```
#e2302c rgb(226,48,44)
```

Tetradic Color

#17a7aa
```
#17a7aa rgb(23,167,170)
```
#1abdc1
```
#1abdc1 rgb(26,189,193)
```
#1ed3d7
```
#1ed3d7 rgb(30,211,215)
```
#2cdee2
```
#2cdee2 rgb(44,222,226)
```
#42e2e5
```
#42e2e5 rgb(66,226,229)
```
#59e5e8
```
#59e5e8 rgb(89,229,232)
```
#6fe9eb
```
#6fe9eb rgb(111,233,235)
```

Monochromatic Color

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

#2ce2b9
```
#2ce2b9 rgb(44,226,185)
```
#2ce2c8
```
#2ce2c8 rgb(44,226,200)
```
#2ce2d7
```
#2ce2d7 rgb(44,226,215)
```
#2cdee2
```
#2cdee2 rgb(44,222,226)
```
#2ccfe2
```
#2ccfe2 rgb(44,207,226)
```
#2cc0e2
```
#2cc0e2 rgb(44,192,226)
```
#2cb1e2
```
#2cb1e2 rgb(44,177,226)
```

Similar Colors

Text with hexadecimal color #2cdee2

This text has a font color of #2cdee2.

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

#2cdee2 background color

This paragraph has a background color of #2cdee2.

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

#2cdee2 border color

This element has a border color of #2cdee2.

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

CSS codes

.text {color:#2cdee2;}

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

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

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, #020d0d is the darkest color, while #fbfefe is the lightest one.

#020d0d
```
#020d0d rgb(2,13,13)
```
#041e1e
```
#041e1e rgb(4,30,30)
```
#072f30
```
#072f30 rgb(7,47,48)
```
#094041
```
#094041 rgb(9,64,65)
```
#0b5152
```
#0b5152 rgb(11,81,82)
```
#0e6263
```
#0e6263 rgb(14,98,99)
```
#107275
```
#107275 rgb(16,114,117)
```
#128386
```
#128386 rgb(18,131,134)
```
#159497
```
#159497 rgb(21,148,151)
```
#17a5a8
```
#17a5a8 rgb(23,165,168)
```
#1ab6ba
```
#1ab6ba rgb(26,182,186)
```
#1cc7cb
```
#1cc7cb rgb(28,199,203)
```
#1ed8dc
```
#1ed8dc rgb(30,216,220)
```

Shade Color Variation

#2cdee2
```
#2cdee2 rgb(44,222,226)
```
#3de1e4
```
#3de1e4 rgb(61,225,228)
```
#4ee3e7
```
#4ee3e7 rgb(78,227,231)
```
#60e6e9
```
#60e6e9 rgb(96,230,233)
```
#71e9eb
```
#71e9eb rgb(113,233,235)
```
#82ebee
```
#82ebee rgb(130,235,238)
```
#93eef0
```
#93eef0 rgb(147,238,240)
```
#a5f1f3
```
#a5f1f3 rgb(165,241,243)
```
#b6f4f5
```
#b6f4f5 rgb(182,244,245)
```
#c7f6f7
```
#c7f6f7 rgb(199,246,247)
```
#d8f9fa
```
#d8f9fa rgb(216,249,250)
```
#eafcfc
```
#eafcfc rgb(234,252,252)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#7f8f8f
```
#7f8f8f rgb(127,143,143)
```
#769798
```
#769798 rgb(118,151,152)
```
#6da0a1
```
#6da0a1 rgb(109,160,161)
```
#63a9ab
```
#63a9ab rgb(99,169,171)
```
#5ab2b4
```
#5ab2b4 rgb(90,178,180)
```
#51bbbd
```
#51bbbd rgb(81,187,189)
```
#48c4c6
```
#48c4c6 rgb(72,196,198)
```
#3eccd0
```
#3eccd0 rgb(62,204,208)
```
#35d5d9
```
#35d5d9 rgb(53,213,217)
```
#2cdee2
```
#2cdee2 rgb(44,222,226)
```
#23e7eb
```
#23e7eb rgb(35,231,235)
```
#1af0f4
```
#1af0f4 rgb(26,240,244)
```
#10f8fe
```
#10f8fe rgb(16,248,254)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#90b4b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbcad7 Protanopia 1% of men
#cdc7ec Deuteranopia 1% of men
#43ddee Tritanopia 0.001% of the population

Trichromacy

#91d1db Protanomaly 1% of men, 0.01% of women
#92cfe8 Deuteranomaly 6% of men, 0.4% of women
#3adde9 Tritanomaly 0.01% of the population

#2cdee2 hex color

#2cdee2 Color Information

#2cdee2 Color Conversion

Color Schemes with #2cdee2

Alternatives to #2cdee2

#2cdee2 Preview

Shades and Tints of #2cdee2

Tones of #2cdee2

Color Blindness Simulator