#2cddc6 hex color

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

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

● #2cddc6 color description : Bright cyan.

The hexadecimal color #2cddc6 has RGB values of R:44, G:221, B:198 and CMYK values of C:0.8, M:0, Y:0.1, K:0.13. Its decimal value is 2940358.

Hex triplet	2cddc6	`#2cddc6`
RGB Decimal	44, 221, 198	`rgb(44,221,198)`
RGB Percent	17.3, 86.7, 77.6	`rgb(17.3%,86.7%,77.6%)`
CMYK	80, 0, 10, 13
HSL	172.2°, 72.2, 52	`hsl(172.2,72.2%,52%)`
HSV (or HSB)	172.2°, 80.1, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	79.797, -47.556, -0.906
XYZ	37.085, 56.322, 62.34
xyY	0.238, 0.362, 56.322
CIE-LCH	79.797, 47.564, 181.091
CIE-LUV	79.797, -61.273, 6.092
Hunter-Lab	75.048, -43.129, 3.283
Binary	00101100, 11011101, 11000110

#2cddc6
```
#2cddc6 rgb(44,221,198)
```
#dd2c43
```
#dd2c43 rgb(221,44,67)
```

Complementary Color

#2cdd6e
```
#2cdd6e rgb(44,221,110)
```
#2cddc6
```
#2cddc6 rgb(44,221,198)
```
#2c9cdd
```
#2c9cdd rgb(44,156,221)
```

Analogous Color

#dd6e2c
```
#dd6e2c rgb(221,110,44)
```
#2cddc6
```
#2cddc6 rgb(44,221,198)
```
#dd2c9c
```
#dd2c9c rgb(221,44,156)
```

Split Complementary Color

#ddc62c
```
#ddc62c rgb(221,198,44)
```
#2cddc6
```
#2cddc6 rgb(44,221,198)
```
#c62cdd
```
#c62cdd rgb(198,44,221)
```

Triadic Color

#43dd2c
```
#43dd2c rgb(67,221,44)
```
#2cddc6
```
#2cddc6 rgb(44,221,198)
```
#c62cdd
```
#c62cdd rgb(198,44,221)
```
#dd2c43
```
#dd2c43 rgb(221,44,67)
```

Tetradic Color

#1aa291
```
#1aa291 rgb(26,162,145)
```
#1eb8a4
```
#1eb8a4 rgb(30,184,164)
```
#21ceb8
```
#21ceb8 rgb(33,206,184)
```
#2cddc6
```
#2cddc6 rgb(44,221,198)
```
#42e1cc
```
#42e1cc rgb(66,225,204)
```
#58e4d2
```
#58e4d2 rgb(88,228,210)
```
#6ee8d8
```
#6ee8d8 rgb(110,232,216)
```

Monochromatic Color

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

#2cdd9a
```
#2cdd9a rgb(44,221,154)
```
#2cdda9
```
#2cdda9 rgb(44,221,169)
```
#2cddb7
```
#2cddb7 rgb(44,221,183)
```
#2cddc6
```
#2cddc6 rgb(44,221,198)
```
#2cddd5
```
#2cddd5 rgb(44,221,213)
```
#2cd7dd
```
#2cd7dd rgb(44,215,221)
```
#2cc8dd
```
#2cc8dd rgb(44,200,221)
```

Similar Colors

Text with hexadecimal color #2cddc6

This text has a font color of #2cddc6.

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

#2cddc6 background color

This paragraph has a background color of #2cddc6.

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

#2cddc6 border color

This element has a border color of #2cddc6.

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

CSS codes

.text {color:#2cddc6;}

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

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

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)
```
#0f5d53
```
#0f5d53 rgb(15,93,83)
```
#126e62
```
#126e62 rgb(18,110,98)
```
#147f71
```
#147f71 rgb(20,127,113)
```
#179080
```
#179080 rgb(23,144,128)
```
#1aa18f
```
#1aa18f rgb(26,161,143)
```
#1db29e
```
#1db29e rgb(29,178,158)
```
#1fc2ad
```
#1fc2ad rgb(31,194,173)
```
#22d3bc
```
#22d3bc rgb(34,211,188)
```

Shade Color Variation

#2cddc6
```
#2cddc6 rgb(44,221,198)
```
#3de0cb
```
#3de0cb rgb(61,224,203)
```
#4ee2cf
```
#4ee2cf rgb(78,226,207)
```
#5fe5d4
```
#5fe5d4 rgb(95,229,212)
```
#70e8d8
```
#70e8d8 rgb(112,232,216)
```
#80ebdd
```
#80ebdd rgb(128,235,221)
```
#91ede1
```
#91ede1 rgb(145,237,225)
```
#a2f0e6
```
#a2f0e6 rgb(162,240,230)
```
#b3f3eb
```
#b3f3eb rgb(179,243,235)
```
#c4f5ef
```
#c4f5ef rgb(196,245,239)
```
#d5f8f4
```
#d5f8f4 rgb(213,248,244)
```
#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 #10f9db 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)
```
#48c1b1
```
#48c1b1 rgb(72,193,177)
```
#3fcab8
```
#3fcab8 rgb(63,202,184)
```
#35d4bf
```
#35d4bf rgb(53,212,191)
```
#2cddc6
```
#2cddc6 rgb(44,221,198)
```
#23e6cd
```
#23e6cd rgb(35,230,205)
```
#19f0d4
```
#19f0d4 rgb(25,240,212)
```
#10f9db
```
#10f9db rgb(16,249,219)
```

Tone Color Variation

Below, you can see how #2cddc6 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
#8db0ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#cec7bd Protanopia 1% of men
#d6c3d2 Deuteranopia 1% of men
#53d9e9 Tritanopia 0.001% of the population

Trichromacy

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

#2cddc6 hex color

#2cddc6 Color Information

#2cddc6 Color Conversion

Color Schemes with #2cddc6

Alternatives to #2cddc6

#2cddc6 Preview

Shades and Tints of #2cddc6

Tones of #2cddc6

Color Blindness Simulator