#2cdcda hex color

In a RGB color space, hex #2cdcda is composed of 17.3% red, 86.3% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 0% magenta, 0.9% yellow and 13.7% black. It has a hue angle of 179.3 degrees, a saturation of 71.5% and a lightness of 51.8%. #2cdcda color hex could be obtained by blending #58ffff with #00b9b5. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 17
- G 86
- B 85
RGB color chart
- C 80
- M 0
- Y 1
- K 14
CMYK color chart

● #2cdcda color description : Bright cyan.

The hexadecimal color #2cdcda has RGB values of R:44, G:220, B:218 and CMYK values of C:0.8, M:0, Y:0.01, K:0.14. Its decimal value is 2940122.

Hex triplet	2cdcda	`#2cdcda`
RGB Decimal	44, 220, 218	`rgb(44,220,218)`
RGB Percent	17.3, 86.3, 85.5	`rgb(17.3%,86.3%,85.5%)`
CMYK	80, 0, 1, 14
HSL	179.3°, 71.5, 51.8	`hsl(179.3,71.5%,51.8%)`
HSV (or HSB)	179.3°, 80, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	80.056, -41.592, -11.185
XYZ	39.283, 56.78, 75.215
xyY	0.229, 0.332, 56.78
CIE-LCH	80.056, 43.069, 195.052
CIE-LUV	80.056, -59.446, -11.126
Hunter-Lab	75.352, -38.811, -6.435
Binary	00101100, 11011100, 11011010

#2cdcda
```
#2cdcda rgb(44,220,218)
```
#dc2c2e
```
#dc2c2e rgb(220,44,46)
```

Complementary Color

#2cdc82
```
#2cdc82 rgb(44,220,130)
```
#2cdcda
```
#2cdcda rgb(44,220,218)
```
#2c86dc
```
#2c86dc rgb(44,134,220)
```

Analogous Color

#dc822c
```
#dc822c rgb(220,130,44)
```
#2cdcda
```
#2cdcda rgb(44,220,218)
```
#dc2c86
```
#dc2c86 rgb(220,44,134)
```

Split Complementary Color

#dcda2c
```
#dcda2c rgb(220,218,44)
```
#2cdcda
```
#2cdcda rgb(44,220,218)
```
#da2cdc
```
#da2cdc rgb(218,44,220)
```

Triadic Color

#2edc2c
```
#2edc2c rgb(46,220,44)
```
#2cdcda
```
#2cdcda rgb(44,220,218)
```
#da2cdc
```
#da2cdc rgb(218,44,220)
```
#dc2c2e
```
#dc2c2e rgb(220,44,46)
```

Tetradic Color

#1ba19f
```
#1ba19f rgb(27,161,159)
```
#1eb7b5
```
#1eb7b5 rgb(30,183,181)
```
#22cdcb
```
#22cdcb rgb(34,205,203)
```
#2cdcda
```
#2cdcda rgb(44,220,218)
```
#42e0de
```
#42e0de rgb(66,224,222)
```
#58e3e2
```
#58e3e2 rgb(88,227,226)
```
#6ee7e6
```
#6ee7e6 rgb(110,231,230)
```

Monochromatic Color

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

#2cdcae
```
#2cdcae rgb(44,220,174)
```
#2cdcbd
```
#2cdcbd rgb(44,220,189)
```
#2cdccb
```
#2cdccb rgb(44,220,203)
```
#2cdcda
```
#2cdcda rgb(44,220,218)
```
#2ccfdc
```
#2ccfdc rgb(44,207,220)
```
#2cc1dc
```
#2cc1dc rgb(44,193,220)
```
#2cb2dc
```
#2cb2dc rgb(44,178,220)
```

Similar Colors

Text with hexadecimal color #2cdcda

This text has a font color of #2cdcda.

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

#2cdcda background color

This paragraph has a background color of #2cdcda.

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

#2cdcda border color

This element has a border color of #2cdcda.

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

CSS codes

.text {color:#2cdcda;}

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

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

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

#010808
```
#010808 rgb(1,8,8)
```
#041918
```
#041918 rgb(4,25,24)
```
#072929
```
#072929 rgb(7,41,41)
```
#0a3a3a
```
#0a3a3a rgb(10,58,58)
```
#0c4b4a
```
#0c4b4a rgb(12,75,74)
```
#0f5c5b
```
#0f5c5b rgb(15,92,91)
```
#126d6c
```
#126d6c rgb(18,109,108)
```
#157d7c
```
#157d7c rgb(21,125,124)
```
#188e8d
```
#188e8d rgb(24,142,141)
```
#1a9f9e
```
#1a9f9e rgb(26,159,158)
```
#1db0ae
```
#1db0ae rgb(29,176,174)
```
#20c1bf
```
#20c1bf rgb(32,193,191)
```
#23d2d0
```
#23d2d0 rgb(35,210,208)
```

Shade Color Variation

#2cdcda
```
#2cdcda rgb(44,220,218)
```
#3ddfdd
```
#3ddfdd rgb(61,223,221)
```
#4ee2e0
```
#4ee2e0 rgb(78,226,224)
```
#5ee4e3
```
#5ee4e3 rgb(94,228,227)
```
#6fe7e6
```
#6fe7e6 rgb(111,231,230)
```
#80eae9
```
#80eae9 rgb(128,234,233)
```
#91edec
```
#91edec rgb(145,237,236)
```
#a2f0ef
```
#a2f0ef rgb(162,240,239)
```
#b3f2f2
```
#b3f2f2 rgb(179,242,242)
```
#c3f5f5
```
#c3f5f5 rgb(195,245,245)
```
#d4f8f8
```
#d4f8f8 rgb(212,248,248)
```
#e5fbfa
```
#e5fbfa rgb(229,251,250)
```
#f6fdfd
```
#f6fdfd rgb(246,253,253)
```

Tint Color Variation

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

#818787
```
#818787 rgb(129,135,135)
```
#789090
```
#789090 rgb(120,144,144)
```
#6e9a99
```
#6e9a99 rgb(110,154,153)
```
#65a3a3
```
#65a3a3 rgb(101,163,163)
```
#5badac
```
#5badac rgb(91,173,172)
```
#52b6b5
```
#52b6b5 rgb(82,182,181)
```
#48c0be
```
#48c0be rgb(72,192,190)
```
#3fc9c8
```
#3fc9c8 rgb(63,201,200)
```
#35d3d1
```
#35d3d1 rgb(53,211,209)
```
#2cdcda
```
#2cdcda rgb(44,220,218)
```
#23e5e3
```
#23e5e3 rgb(35,229,227)
```
#19efec
```
#19efec rgb(25,239,236)
```
#10f8f6
```
#10f8f6 rgb(16,248,246)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#8eb2b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cac8cf Protanopia 1% of men
#cec4e5 Deuteranopia 1% of men
#47dbeb Tritanopia 0.001% of the population

Trichromacy

#91cfd3 Protanomaly 1% of men, 0.01% of women
#93cde1 Deuteranomaly 6% of men, 0.4% of women
#3ddbe5 Tritanomaly 0.01% of the population

#2cdcda hex color

#2cdcda Color Information

#2cdcda Color Conversion

Color Schemes with #2cdcda

Alternatives to #2cdcda

#2cdcda Preview

Shades and Tints of #2cdcda

Tones of #2cdcda

Color Blindness Simulator