colorhexa.com

#2cd6dd hex color

In a RGB color space, hex #2cd6dd is composed of 17.3% red, 83.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 3.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 182.4 degrees, a saturation of 72.2% and a lightness of 52%. #2cd6dd color hex could be obtained by blending #58ffff with #00adbb. Closest websafe color is: #33cccc.

- R 17
- G 84
- B 87
RGB color chart
- C 80
- M 3
- Y 0
- K 13
CMYK color chart

● #2cd6dd color description : Bright cyan.

The hexadecimal color #2cd6dd has RGB values of R:44, G:214, B:221 and CMYK values of C:0.8, M:0.03, Y:0, K:0.13. Its decimal value is 2938589.

Hex triplet	2cd6dd	`#2cd6dd`
RGB Decimal	44, 214, 221	`rgb(44,214,221)`
RGB Percent	17.3, 83.9, 86.7	`rgb(17.3%,83.9%,86.7%)`
CMYK	80, 3, 0, 13
HSL	182.4°, 72.2, 52	`hsl(182.4,72.2%,52%)`
HSV (or HSB)	182.4°, 80.1, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	78.371, -38.004, -15.311
XYZ	38.132, 53.845, 76.786
xyY	0.226, 0.319, 53.845
CIE-LCH	78.371, 40.972, 201.944
CIE-LUV	78.371, -57.162, -18.368
Hunter-Lab	73.379, -35.654, -10.677
Binary	00101100, 11010110, 11011101

#2cd6dd
```
#2cd6dd rgb(44,214,221)
```
#dd332c
```
#dd332c rgb(221,51,44)
```

Complementary Color

#2cdd8c
```
#2cdd8c rgb(44,221,140)
```
#2cd6dd
```
#2cd6dd rgb(44,214,221)
```
#2c7edd
```
#2c7edd rgb(44,126,221)
```

Analogous Color

#dd8c2c
```
#dd8c2c rgb(221,140,44)
```
#2cd6dd
```
#2cd6dd rgb(44,214,221)
```
#dd2c7e
```
#dd2c7e rgb(221,44,126)
```

Split Complementary Color

#d6dd2c
```
#d6dd2c rgb(214,221,44)
```
#2cd6dd
```
#2cd6dd rgb(44,214,221)
```
#dd2cd6
```
#dd2cd6 rgb(221,44,214)
```

Triadic Color

#2cdd33
```
#2cdd33 rgb(44,221,51)
```
#2cd6dd
```
#2cd6dd rgb(44,214,221)
```
#dd2cd6
```
#dd2cd6 rgb(221,44,214)
```
#dd332c
```
#dd332c rgb(221,51,44)
```

Tetradic Color

#1a9da2
```
#1a9da2 rgb(26,157,162)
```
#1eb2b8
```
#1eb2b8 rgb(30,178,184)
```
#21c7ce
```
#21c7ce rgb(33,199,206)
```
#2cd6dd
```
#2cd6dd rgb(44,214,221)
```
#42dae1
```
#42dae1 rgb(66,218,225)
```
#58dfe4
```
#58dfe4 rgb(88,223,228)
```
#6ee3e8
```
#6ee3e8 rgb(110,227,232)
```

Monochromatic Color

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

#2cddb8
```
#2cddb8 rgb(44,221,184)
```
#2cddc7
```
#2cddc7 rgb(44,221,199)
```
#2cddd5
```
#2cddd5 rgb(44,221,213)
```
#2cd6dd
```
#2cd6dd rgb(44,214,221)
```
#2cc7dd
```
#2cc7dd rgb(44,199,221)
```
#2cb9dd
```
#2cb9dd rgb(44,185,221)
```
#2caadd
```
#2caadd rgb(44,170,221)
```

Similar Colors

Text with hexadecimal color #2cd6dd

This text has a font color of #2cd6dd.

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

#2cd6dd background color

This paragraph has a background color of #2cd6dd.

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

#2cd6dd border color

This element has a border color of #2cd6dd.

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

CSS codes

.text {color:#2cd6dd;}

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

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

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

#010809
```
#010809 rgb(1,8,9)
```
#04191a
```
#04191a rgb(4,25,26)
```
#07292a
```
#07292a rgb(7,41,42)
```
#0a393b
```
#0a393b rgb(10,57,59)
```
#0c4a4c
```
#0c4a4c rgb(12,74,76)
```
#0f5a5d
```
#0f5a5d rgb(15,90,93)
```
#126a6e
```
#126a6e rgb(18,106,110)
```
#147b7f
```
#147b7f rgb(20,123,127)
```
#178b90
```
#178b90 rgb(23,139,144)
```
#1a9ba1
```
#1a9ba1 rgb(26,155,161)
```
#1dacb2
```
#1dacb2 rgb(29,172,178)
```
#1fbcc2
```
#1fbcc2 rgb(31,188,194)
```
#22ccd3
```
#22ccd3 rgb(34,204,211)
```

Shade Color Variation

#2cd6dd
```
#2cd6dd rgb(44,214,221)
```
#3dd9e0
```
#3dd9e0 rgb(61,217,224)
```
#4edde2
```
#4edde2 rgb(78,221,226)
```
#5fe0e5
```
#5fe0e5 rgb(95,224,229)
```
#70e3e8
```
#70e3e8 rgb(112,227,232)
```
#80e6eb
```
#80e6eb rgb(128,230,235)
```
#91eaed
```
#91eaed rgb(145,234,237)
```
#a2edf0
```
#a2edf0 rgb(162,237,240)
```
#b3f0f3
```
#b3f0f3 rgb(179,240,243)
```
#c4f4f5
```
#c4f4f5 rgb(196,244,245)
```
#d5f7f8
```
#d5f7f8 rgb(213,247,248)
```
#e6fafb
```
#e6fafb rgb(230,250,251)
```
#f7fdfe
```
#f7fdfe rgb(247,253,254)
```

Tint Color Variation

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

#818888
```
#818888 rgb(129,136,136)
```
#779192
```
#779192 rgb(119,145,146)
```
#6e999b
```
#6e999b rgb(110,153,155)
```
#65a2a4
```
#65a2a4 rgb(101,162,164)
```
#5babae
```
#5babae rgb(91,171,174)
```
#52b3b7
```
#52b3b7 rgb(82,179,183)
```
#48bcc1
```
#48bcc1 rgb(72,188,193)
```
#3fc5ca
```
#3fc5ca rgb(63,197,202)
```
#35cdd4
```
#35cdd4 rgb(53,205,212)
```
#2cd6dd
```
#2cd6dd rgb(44,214,221)
```
#23dfe6
```
#23dfe6 rgb(35,223,230)
```
#19e7f0
```
#19e7f0 rgb(25,231,240)
```
#10f0f9
```
#10f0f9 rgb(16,240,249)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#8caeaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c3d3 Protanopia 1% of men
#c5c0e7 Deuteranopia 1% of men
#3fd6e6 Tritanopia 0.001% of the population

Trichromacy

#8ccad6 Protanomaly 1% of men, 0.01% of women
#8dc8e3 Deuteranomaly 6% of men, 0.4% of women
#38d6e3 Tritanomaly 0.01% of the population