#2cddc5 hex color

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

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

● #2cddc5 color description : Bright cyan.

The hexadecimal color #2cddc5 has RGB values of R:44, G:221, B:197 and CMYK values of C:0.8, M:0, Y:0.11, K:0.13. Its decimal value is 2940357.

Hex triplet	2cddc5	`#2cddc5`
RGB Decimal	44, 221, 197	`rgb(44,221,197)`
RGB Percent	17.3, 86.7, 77.3	`rgb(17.3%,86.7%,77.3%)`
CMYK	80, 0, 11, 13
HSL	171.9°, 72.2, 52	`hsl(171.9,72.2%,52%)`
HSV (or HSB)	171.9°, 80.1, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	79.771, -47.821, -0.411
XYZ	36.97, 56.276, 61.734
xyY	0.239, 0.363, 56.276
CIE-LCH	79.771, 47.823, 180.493
CIE-LUV	79.771, -61.347, 6.896
Hunter-Lab	75.017, -43.312, 3.72
Binary	00101100, 11011101, 11000101

#2cddc5
```
#2cddc5 rgb(44,221,197)
```
#dd2c44
```
#dd2c44 rgb(221,44,68)
```

Complementary Color

#2cdd6d
```
#2cdd6d rgb(44,221,109)
```
#2cddc5
```
#2cddc5 rgb(44,221,197)
```
#2c9ddd
```
#2c9ddd rgb(44,157,221)
```

Analogous Color

#dd6d2c
```
#dd6d2c rgb(221,109,44)
```
#2cddc5
```
#2cddc5 rgb(44,221,197)
```
#dd2c9d
```
#dd2c9d rgb(221,44,157)
```

Split Complementary Color

#ddc52c
```
#ddc52c rgb(221,197,44)
```
#2cddc5
```
#2cddc5 rgb(44,221,197)
```
#c52cdd
```
#c52cdd rgb(197,44,221)
```

Triadic Color

#44dd2c
```
#44dd2c rgb(68,221,44)
```
#2cddc5
```
#2cddc5 rgb(44,221,197)
```
#c52cdd
```
#c52cdd rgb(197,44,221)
```
#dd2c44
```
#dd2c44 rgb(221,44,68)
```

Tetradic Color

#1aa290
```
#1aa290 rgb(26,162,144)
```
#1eb8a3
```
#1eb8a3 rgb(30,184,163)
```
#21ceb7
```
#21ceb7 rgb(33,206,183)
```
#2cddc5
```
#2cddc5 rgb(44,221,197)
```
#42e1cb
```
#42e1cb rgb(66,225,203)
```
#58e4d1
```
#58e4d1 rgb(88,228,209)
```
#6ee8d7
```
#6ee8d7 rgb(110,232,215)
```

Monochromatic Color

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

#2cdd99
```
#2cdd99 rgb(44,221,153)
```
#2cdda8
```
#2cdda8 rgb(44,221,168)
```
#2cddb6
```
#2cddb6 rgb(44,221,182)
```
#2cddc5
```
#2cddc5 rgb(44,221,197)
```
#2cddd4
```
#2cddd4 rgb(44,221,212)
```
#2cd8dd
```
#2cd8dd rgb(44,216,221)
```
#2cc9dd
```
#2cc9dd rgb(44,201,221)
```

Similar Colors

Text with hexadecimal color #2cddc5

This text has a font color of #2cddc5.

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

#2cddc5 background color

This paragraph has a background color of #2cddc5.

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

#2cddc5 border color

This element has a border color of #2cddc5.

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

CSS codes

.text {color:#2cddc5;}

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

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

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)
```
#041a17
```
#041a17 rgb(4,26,23)
```
#072a26
```
#072a26 rgb(7,42,38)
```
#0a3b35
```
#0a3b35 rgb(10,59,53)
```
#0c4c44
```
#0c4c44 rgb(12,76,68)
```
#0f5d52
```
#0f5d52 rgb(15,93,82)
```
#126e61
```
#126e61 rgb(18,110,97)
```
#147f70
```
#147f70 rgb(20,127,112)
```
#17907f
```
#17907f rgb(23,144,127)
```
#1aa18e
```
#1aa18e rgb(26,161,142)
```
#1db29d
```
#1db29d rgb(29,178,157)
```
#1fc2ac
```
#1fc2ac rgb(31,194,172)
```
#22d3bb
```
#22d3bb rgb(34,211,187)
```

Shade Color Variation

#2cddc5
```
#2cddc5 rgb(44,221,197)
```
#3de0ca
```
#3de0ca rgb(61,224,202)
```
#4ee2ce
```
#4ee2ce rgb(78,226,206)
```
#5fe5d3
```
#5fe5d3 rgb(95,229,211)
```
#70e8d8
```
#70e8d8 rgb(112,232,216)
```
#80ebdc
```
#80ebdc rgb(128,235,220)
```
#91ede1
```
#91ede1 rgb(145,237,225)
```
#a2f0e6
```
#a2f0e6 rgb(162,240,230)
```
#b3f3ea
```
#b3f3ea rgb(179,243,234)
```
#c4f5ef
```
#c4f5ef rgb(196,245,239)
```
#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 #10f9da is the most saturated one.

#818887
```
#818887 rgb(129,136,135)
```
#77928e
```
#77928e rgb(119,146,142)
```
#6e9b95
```
#6e9b95 rgb(110,155,149)
```
#65a49c
```
#65a49c rgb(101,164,156)
```
#5baea3
```
#5baea3 rgb(91,174,163)
```
#52b7aa
```
#52b7aa rgb(82,183,170)
```
#48c1b0
```
#48c1b0 rgb(72,193,176)
```
#3fcab7
```
#3fcab7 rgb(63,202,183)
```
#35d4be
```
#35d4be rgb(53,212,190)
```
#2cddc5
```
#2cddc5 rgb(44,221,197)
```
#23e6cc
```
#23e6cc rgb(35,230,204)
```
#19f0d3
```
#19f0d3 rgb(25,240,211)
```
#10f9da
```
#10f9da rgb(16,249,218)
```

Tone Color Variation

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

#cfc7bc Protanopia 1% of men
#d6c3d1 Deuteranopia 1% of men
#53d9e9 Tritanopia 0.001% of the population

Trichromacy

#93cfbf Protanomaly 1% of men, 0.01% of women
#98cccd Deuteranomaly 6% of men, 0.4% of women
#45dadc Tritanomaly 0.01% of the population

#2cddc5 hex color

#2cddc5 Color Information

#2cddc5 Color Conversion

Color Schemes with #2cddc5

Alternatives to #2cddc5

#2cddc5 Preview

Shades and Tints of #2cddc5

Tones of #2cddc5

Color Blindness Simulator