#2cddc3 hex color

In a RGB color space, hex #2cddc3 is composed of 17.3% red, 86.7% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 0% magenta, 11.8% yellow and 13.3% black. It has a hue angle of 171.2 degrees, a saturation of 72.2% and a lightness of 52%. #2cddc3 color hex could be obtained by blending #58ffff with #00bb87. 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

● #2cddc3 color description : Bright cyan.

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

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

CIE-LAB	79.719, -48.349, 0.578
XYZ	36.742, 56.185, 60.535
xyY	0.239, 0.366, 56.185
CIE-LCH	79.719, 48.353, 179.315
CIE-LUV	79.719, -61.493, 8.499
Hunter-Lab	74.957, -43.677, 4.587
Binary	00101100, 11011101, 11000011

#2cddc3
```
#2cddc3 rgb(44,221,195)
```
#dd2c46
```
#dd2c46 rgb(221,44,70)
```

Complementary Color

#2cdd6b
```
#2cdd6b rgb(44,221,107)
```
#2cddc3
```
#2cddc3 rgb(44,221,195)
```
#2c9fdd
```
#2c9fdd rgb(44,159,221)
```

Analogous Color

#dd6b2c
```
#dd6b2c rgb(221,107,44)
```
#2cddc3
```
#2cddc3 rgb(44,221,195)
```
#dd2c9f
```
#dd2c9f rgb(221,44,159)
```

Split Complementary Color

#ddc32c
```
#ddc32c rgb(221,195,44)
```
#2cddc3
```
#2cddc3 rgb(44,221,195)
```
#c32cdd
```
#c32cdd rgb(195,44,221)
```

Triadic Color

#46dd2c
```
#46dd2c rgb(70,221,44)
```
#2cddc3
```
#2cddc3 rgb(44,221,195)
```
#c32cdd
```
#c32cdd rgb(195,44,221)
```
#dd2c46
```
#dd2c46 rgb(221,44,70)
```

Tetradic Color

#1aa28e
```
#1aa28e rgb(26,162,142)
```
#1eb8a2
```
#1eb8a2 rgb(30,184,162)
```
#21ceb5
```
#21ceb5 rgb(33,206,181)
```
#2cddc3
```
#2cddc3 rgb(44,221,195)
```
#42e1c9
```
#42e1c9 rgb(66,225,201)
```
#58e4cf
```
#58e4cf rgb(88,228,207)
```
#6ee8d6
```
#6ee8d6 rgb(110,232,214)
```

Monochromatic Color

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

#2cdd97
```
#2cdd97 rgb(44,221,151)
```
#2cdda6
```
#2cdda6 rgb(44,221,166)
```
#2cddb4
```
#2cddb4 rgb(44,221,180)
```
#2cddc3
```
#2cddc3 rgb(44,221,195)
```
#2cddd2
```
#2cddd2 rgb(44,221,210)
```
#2cdadd
```
#2cdadd rgb(44,218,221)
```
#2ccbdd
```
#2ccbdd rgb(44,203,221)
```

Similar Colors

Text with hexadecimal color #2cddc3

This text has a font color of #2cddc3.

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

#2cddc3 background color

This paragraph has a background color of #2cddc3.

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

#2cddc3 border color

This element has a border color of #2cddc3.

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

CSS codes

.text {color:#2cddc3;}

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

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

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)
```
#0c4c43
```
#0c4c43 rgb(12,76,67)
```
#0f5d52
```
#0f5d52 rgb(15,93,82)
```
#126e60
```
#126e60 rgb(18,110,96)
```
#147f6f
```
#147f6f rgb(20,127,111)
```
#17907e
```
#17907e rgb(23,144,126)
```
#1aa18d
```
#1aa18d rgb(26,161,141)
```
#1db29c
```
#1db29c rgb(29,178,156)
```
#1fc2aa
```
#1fc2aa rgb(31,194,170)
```
#22d3b9
```
#22d3b9 rgb(34,211,185)
```

Shade Color Variation

#2cddc3
```
#2cddc3 rgb(44,221,195)
```
#3de0c8
```
#3de0c8 rgb(61,224,200)
```
#4ee2cd
```
#4ee2cd rgb(78,226,205)
```
#5fe5d1
```
#5fe5d1 rgb(95,229,209)
```
#70e8d6
```
#70e8d6 rgb(112,232,214)
```
#80ebdb
```
#80ebdb rgb(128,235,219)
```
#91ede0
```
#91ede0 rgb(145,237,224)
```
#a2f0e5
```
#a2f0e5 rgb(162,240,229)
```
#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 #10f9d7 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)
```
#5baea2
```
#5baea2 rgb(91,174,162)
```
#52b7a8
```
#52b7a8 rgb(82,183,168)
```
#48c1af
```
#48c1af rgb(72,193,175)
```
#3fcab6
```
#3fcab6 rgb(63,202,182)
```
#35d4bc
```
#35d4bc rgb(53,212,188)
```
#2cddc3
```
#2cddc3 rgb(44,221,195)
```
#23e6ca
```
#23e6ca rgb(35,230,202)
```
#19f0d0
```
#19f0d0 rgb(25,240,208)
```
#10f9d7
```
#10f9d7 rgb(16,249,215)
```

Tone Color Variation

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

#cfc7ba Protanopia 1% of men
#d7c2d0 Deuteranopia 1% of men
#54d9e9 Tritanopia 0.001% of the population

Trichromacy

#93cfbd Protanomaly 1% of men, 0.01% of women
#99cccb Deuteranomaly 6% of men, 0.4% of women
#46dadb Tritanomaly 0.01% of the population

#2cddc3 hex color

#2cddc3 Color Information

#2cddc3 Color Conversion

Color Schemes with #2cddc3

Alternatives to #2cddc3

#2cddc3 Preview

Shades and Tints of #2cddc3

Tones of #2cddc3

Color Blindness Simulator