#2cddc2 hex color

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

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

● #2cddc2 color description : Bright cyan.

The hexadecimal color #2cddc2 has RGB values of R:44, G:221, B:194 and CMYK values of C:0.8, M:0, Y:0.12, K:0.13. Its decimal value is 2940354.

Hex triplet	2cddc2	`#2cddc2`
RGB Decimal	44, 221, 194	`rgb(44,221,194)`
RGB Percent	17.3, 86.7, 76.1	`rgb(17.3%,86.7%,76.1%)`
CMYK	80, 0, 12, 13
HSL	170.8°, 72.2, 52	`hsl(170.8,72.2%,52%)`
HSV (or HSB)	170.8°, 80.1, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	79.693, -48.612, 1.073
XYZ	36.629, 56.14, 59.942
xyY	0.24, 0.368, 56.14
CIE-LCH	79.693, 48.623, 178.735
CIE-LUV	79.693, -61.567, 9.298
Hunter-Lab	74.926, -43.858, 5.016
Binary	00101100, 11011101, 11000010

#2cddc2
```
#2cddc2 rgb(44,221,194)
```
#dd2c47
```
#dd2c47 rgb(221,44,71)
```

Complementary Color

#2cdd6a
```
#2cdd6a rgb(44,221,106)
```
#2cddc2
```
#2cddc2 rgb(44,221,194)
```
#2ca0dd
```
#2ca0dd rgb(44,160,221)
```

Analogous Color

#dd6a2c
```
#dd6a2c rgb(221,106,44)
```
#2cddc2
```
#2cddc2 rgb(44,221,194)
```
#dd2ca0
```
#dd2ca0 rgb(221,44,160)
```

Split Complementary Color

#ddc22c
```
#ddc22c rgb(221,194,44)
```
#2cddc2
```
#2cddc2 rgb(44,221,194)
```
#c22cdd
```
#c22cdd rgb(194,44,221)
```

Triadic Color

#47dd2c
```
#47dd2c rgb(71,221,44)
```
#2cddc2
```
#2cddc2 rgb(44,221,194)
```
#c22cdd
```
#c22cdd rgb(194,44,221)
```
#dd2c47
```
#dd2c47 rgb(221,44,71)
```

Tetradic Color

#1aa28e
```
#1aa28e rgb(26,162,142)
```
#1eb8a1
```
#1eb8a1 rgb(30,184,161)
```
#21ceb4
```
#21ceb4 rgb(33,206,180)
```
#2cddc2
```
#2cddc2 rgb(44,221,194)
```
#42e1c8
```
#42e1c8 rgb(66,225,200)
```
#58e4cf
```
#58e4cf rgb(88,228,207)
```
#6ee8d5
```
#6ee8d5 rgb(110,232,213)
```

Monochromatic Color

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

#2cdd96
```
#2cdd96 rgb(44,221,150)
```
#2cdda5
```
#2cdda5 rgb(44,221,165)
```
#2cddb3
```
#2cddb3 rgb(44,221,179)
```
#2cddc2
```
#2cddc2 rgb(44,221,194)
```
#2cddd1
```
#2cddd1 rgb(44,221,209)
```
#2cdbdd
```
#2cdbdd rgb(44,219,221)
```
#2cccdd
```
#2cccdd rgb(44,204,221)
```

Similar Colors

Text with hexadecimal color #2cddc2

This text has a font color of #2cddc2.

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

#2cddc2 background color

This paragraph has a background color of #2cddc2.

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

#2cddc2 border color

This element has a border color of #2cddc2.

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

CSS codes

.text {color:#2cddc2;}

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

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

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

#010908
```
#010908 rgb(1,9,8)
```
#041a16
```
#041a16 rgb(4,26,22)
```
#072a25
```
#072a25 rgb(7,42,37)
```
#0a3b34
```
#0a3b34 rgb(10,59,52)
```
#0c4c42
```
#0c4c42 rgb(12,76,66)
```
#0f5d51
```
#0f5d51 rgb(15,93,81)
```
#126e60
```
#126e60 rgb(18,110,96)
```
#147f6f
```
#147f6f rgb(20,127,111)
```
#17907d
```
#17907d rgb(23,144,125)
```
#1aa18c
```
#1aa18c rgb(26,161,140)
```
#1db29b
```
#1db29b rgb(29,178,155)
```
#1fc2aa
```
#1fc2aa rgb(31,194,170)
```
#22d3b8
```
#22d3b8 rgb(34,211,184)
```

Shade Color Variation

#2cddc2
```
#2cddc2 rgb(44,221,194)
```
#3de0c7
```
#3de0c7 rgb(61,224,199)
```
#4ee2cc
```
#4ee2cc rgb(78,226,204)
```
#5fe5d1
```
#5fe5d1 rgb(95,229,209)
```
#70e8d6
```
#70e8d6 rgb(112,232,214)
```
#80ebda
```
#80ebda rgb(128,235,218)
```
#91eddf
```
#91eddf rgb(145,237,223)
```
#a2f0e4
```
#a2f0e4 rgb(162,240,228)
```
#b3f3e9
```
#b3f3e9 rgb(179,243,233)
```
#c4f5ee
```
#c4f5ee rgb(196,245,238)
```
#d5f8f3
```
#d5f8f3 rgb(213,248,243)
```
#e6fbf8
```
#e6fbf8 rgb(230,251,248)
```
#f7fefd
```
#f7fefd rgb(247,254,253)
```

Tint Color Variation

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

#818887
```
#818887 rgb(129,136,135)
```
#77928e
```
#77928e rgb(119,146,142)
```
#6e9b94
```
#6e9b94 rgb(110,155,148)
```
#65a49b
```
#65a49b rgb(101,164,155)
```
#5baea1
```
#5baea1 rgb(91,174,161)
```
#52b7a8
```
#52b7a8 rgb(82,183,168)
```
#48c1ae
```
#48c1ae rgb(72,193,174)
```
#3fcab5
```
#3fcab5 rgb(63,202,181)
```
#35d4bb
```
#35d4bb rgb(53,212,187)
```
#2cddc2
```
#2cddc2 rgb(44,221,194)
```
#23e6c9
```
#23e6c9 rgb(35,230,201)
```
#19f0cf
```
#19f0cf rgb(25,240,207)
```
#10f9d6
```
#10f9d6 rgb(16,249,214)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#8db0ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfc7b9 Protanopia 1% of men
#d7c2cf Deuteranopia 1% of men
#55d9e9 Tritanopia 0.001% of the population

Trichromacy

#94cfbc Protanomaly 1% of men, 0.01% of women
#99ccca Deuteranomaly 6% of men, 0.4% of women
#46dadb Tritanomaly 0.01% of the population

#2cddc2 hex color

#2cddc2 Color Information

#2cddc2 Color Conversion

Color Schemes with #2cddc2

Alternatives to #2cddc2

#2cddc2 Preview

Shades and Tints of #2cddc2

Tones of #2cddc2

Color Blindness Simulator