#2cdcd4 hex color

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

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

● #2cdcd4 color description : Bright cyan.

The hexadecimal color #2cdcd4 has RGB values of R:44, G:220, B:212 and CMYK values of C:0.8, M:0, Y:0.04, K:0.14. Its decimal value is 2940116.

Hex triplet	2cdcd4	`#2cdcd4`
RGB Decimal	44, 220, 212	`rgb(44,220,212)`
RGB Percent	17.3, 86.3, 83.1	`rgb(17.3%,86.3%,83.1%)`
CMYK	80, 0, 4, 14
HSL	177.3°, 71.5, 51.8	`hsl(177.3,71.5%,51.8%)`
HSV (or HSB)	177.3°, 80, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	79.881, -43.293, -8.245
XYZ	38.512, 56.472, 71.154
xyY	0.232, 0.34, 56.472
CIE-LCH	79.881, 44.071, 190.782
CIE-LUV	79.881, -59.894, -6.123
Hunter-Lab	75.148, -40.03, -3.536
Binary	00101100, 11011100, 11010100

#2cdcd4
```
#2cdcd4 rgb(44,220,212)
```
#dc2c34
```
#dc2c34 rgb(220,44,52)
```

Complementary Color

#2cdc7c
```
#2cdc7c rgb(44,220,124)
```
#2cdcd4
```
#2cdcd4 rgb(44,220,212)
```
#2c8cdc
```
#2c8cdc rgb(44,140,220)
```

Analogous Color

#dc7c2c
```
#dc7c2c rgb(220,124,44)
```
#2cdcd4
```
#2cdcd4 rgb(44,220,212)
```
#dc2c8c
```
#dc2c8c rgb(220,44,140)
```

Split Complementary Color

#dcd42c
```
#dcd42c rgb(220,212,44)
```
#2cdcd4
```
#2cdcd4 rgb(44,220,212)
```
#d42cdc
```
#d42cdc rgb(212,44,220)
```

Triadic Color

#34dc2c
```
#34dc2c rgb(52,220,44)
```
#2cdcd4
```
#2cdcd4 rgb(44,220,212)
```
#d42cdc
```
#d42cdc rgb(212,44,220)
```
#dc2c34
```
#dc2c34 rgb(220,44,52)
```

Tetradic Color

#1ba19b
```
#1ba19b rgb(27,161,155)
```
#1eb7b0
```
#1eb7b0 rgb(30,183,176)
```
#22cdc5
```
#22cdc5 rgb(34,205,197)
```
#2cdcd4
```
#2cdcd4 rgb(44,220,212)
```
#42e0d8
```
#42e0d8 rgb(66,224,216)
```
#58e3dd
```
#58e3dd rgb(88,227,221)
```
#6ee7e1
```
#6ee7e1 rgb(110,231,225)
```

Monochromatic Color

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

#2cdca8
```
#2cdca8 rgb(44,220,168)
```
#2cdcb7
```
#2cdcb7 rgb(44,220,183)
```
#2cdcc5
```
#2cdcc5 rgb(44,220,197)
```
#2cdcd4
```
#2cdcd4 rgb(44,220,212)
```
#2cd5dc
```
#2cd5dc rgb(44,213,220)
```
#2cc7dc
```
#2cc7dc rgb(44,199,220)
```
#2cb8dc
```
#2cb8dc rgb(44,184,220)
```

Similar Colors

Text with hexadecimal color #2cdcd4

This text has a font color of #2cdcd4.

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

#2cdcd4 background color

This paragraph has a background color of #2cdcd4.

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

#2cdcd4 border color

This element has a border color of #2cdcd4.

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

CSS codes

.text {color:#2cdcd4;}

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

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

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

#010807
```
#010807 rgb(1,8,7)
```
#041918
```
#041918 rgb(4,25,24)
```
#072928
```
#072928 rgb(7,41,40)
```
#0a3a38
```
#0a3a38 rgb(10,58,56)
```
#0c4b48
```
#0c4b48 rgb(12,75,72)
```
#0f5c58
```
#0f5c58 rgb(15,92,88)
```
#126d69
```
#126d69 rgb(18,109,105)
```
#157d79
```
#157d79 rgb(21,125,121)
```
#188e89
```
#188e89 rgb(24,142,137)
```
#1a9f99
```
#1a9f99 rgb(26,159,153)
```
#1db0a9
```
#1db0a9 rgb(29,176,169)
```
#20c1b9
```
#20c1b9 rgb(32,193,185)
```
#23d2ca
```
#23d2ca rgb(35,210,202)
```

Shade Color Variation

#2cdcd4
```
#2cdcd4 rgb(44,220,212)
```
#3ddfd7
```
#3ddfd7 rgb(61,223,215)
```
#4ee2db
```
#4ee2db rgb(78,226,219)
```
#5ee4de
```
#5ee4de rgb(94,228,222)
```
#6fe7e2
```
#6fe7e2 rgb(111,231,226)
```
#80eae5
```
#80eae5 rgb(128,234,229)
```
#91ede9
```
#91ede9 rgb(145,237,233)
```
#a2f0ec
```
#a2f0ec rgb(162,240,236)
```
#b3f2ef
```
#b3f2ef rgb(179,242,239)
```
#c3f5f3
```
#c3f5f3 rgb(195,245,243)
```
#d4f8f6
```
#d4f8f6 rgb(212,248,246)
```
#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 #10f8ee is the most saturated one.

#818787
```
#818787 rgb(129,135,135)
```
#78908f
```
#78908f rgb(120,144,143)
```
#6e9a98
```
#6e9a98 rgb(110,154,152)
```
#65a3a0
```
#65a3a0 rgb(101,163,160)
```
#5bada9
```
#5bada9 rgb(91,173,169)
```
#52b6b2
```
#52b6b2 rgb(82,182,178)
```
#48c0ba
```
#48c0ba rgb(72,192,186)
```
#3fc9c3
```
#3fc9c3 rgb(63,201,195)
```
#35d3cb
```
#35d3cb rgb(53,211,203)
```
#2cdcd4
```
#2cdcd4 rgb(44,220,212)
```
#23e5dd
```
#23e5dd rgb(35,229,221)
```
#19efe5
```
#19efe5 rgb(25,239,229)
```
#10f8ee
```
#10f8ee rgb(16,248,238)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#8eb1af Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc7ca Protanopia 1% of men
#d0c4df Deuteranopia 1% of men
#4bdaea Tritanopia 0.001% of the population

Trichromacy

#91cfcd Protanomaly 1% of men, 0.01% of women
#94ccdb Deuteranomaly 6% of men, 0.4% of women
#3fdbe2 Tritanomaly 0.01% of the population

#2cdcd4 hex color

#2cdcd4 Color Information

#2cdcd4 Color Conversion

Color Schemes with #2cdcd4

Alternatives to #2cdcd4

#2cdcd4 Preview

Shades and Tints of #2cdcd4

Tones of #2cdcd4

Color Blindness Simulator