#2cecd2 hex color

In a RGB color space, hex #2cecd2 is composed of 17.3% red, 92.5% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 0% magenta, 11% yellow and 7.5% black. It has a hue angle of 171.9 degrees, a saturation of 83.5% and a lightness of 54.9%. #2cecd2 color hex could be obtained by blending #58ffff with #00d9a5. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 17
- G 93
- B 82
RGB color chart
- C 81
- M 0
- Y 11
- K 7
CMYK color chart

● #2cecd2 color description : Bright cyan.

The hexadecimal color #2cecd2 has RGB values of R:44, G:236, B:210 and CMYK values of C:0.81, M:0, Y:0.11, K:0.07. Its decimal value is 2944210.

Hex triplet	2cecd2	`#2cecd2`
RGB Decimal	44, 236, 210	`rgb(44,236,210)`
RGB Percent	17.3, 92.5, 82.4	`rgb(17.3%,92.5%,82.4%)`
CMYK	81, 0, 11, 7
HSL	171.9°, 83.5, 54.9	`hsl(171.9,83.5%,54.9%)`
HSV (or HSB)	171.9°, 81.4, 92.5
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	84.574, -50.677, -0.273
XYZ	42.663, 65.175, 71.301
xyY	0.238, 0.364, 65.175
CIE-LCH	84.574, 50.678, 180.309
CIE-LUV	84.574, -65.495, 7.625
Hunter-Lab	80.731, -46.95, 4.148
Binary	00101100, 11101100, 11010010

#2cecd2
```
#2cecd2 rgb(44,236,210)
```
#ec2c46
```
#ec2c46 rgb(236,44,70)
```

Complementary Color

#2cec72
```
#2cec72 rgb(44,236,114)
```
#2cecd2
```
#2cecd2 rgb(44,236,210)
```
#2ca6ec
```
#2ca6ec rgb(44,166,236)
```

Analogous Color

#ec722c
```
#ec722c rgb(236,114,44)
```
#2cecd2
```
#2cecd2 rgb(44,236,210)
```
#ec2ca6
```
#ec2ca6 rgb(236,44,166)
```

Split Complementary Color

#ecd22c
```
#ecd22c rgb(236,210,44)
```
#2cecd2
```
#2cecd2 rgb(44,236,210)
```
#d22cec
```
#d22cec rgb(210,44,236)
```

Triadic Color

#46ec2c
```
#46ec2c rgb(70,236,44)
```
#2cecd2
```
#2cecd2 rgb(44,236,210)
```
#d22cec
```
#d22cec rgb(210,44,236)
```
#ec2c46
```
#ec2c46 rgb(236,44,70)
```

Tetradic Color

#11bba4
```
#11bba4 rgb(17,187,164)
```
#13d2b8
```
#13d2b8 rgb(19,210,184)
```
#15e9cd
```
#15e9cd rgb(21,233,205)
```
#2cecd2
```
#2cecd2 rgb(44,236,210)
```
#43eed7
```
#43eed7 rgb(67,238,215)
```
#5bf0dc
```
#5bf0dc rgb(91,240,220)
```
#72f2e1
```
#72f2e1 rgb(114,242,225)
```

Monochromatic Color

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

#2ceca2
```
#2ceca2 rgb(44,236,162)
```
#2cecb2
```
#2cecb2 rgb(44,236,178)
```
#2cecc2
```
#2cecc2 rgb(44,236,194)
```
#2cecd2
```
#2cecd2 rgb(44,236,210)
```
#2cece2
```
#2cece2 rgb(44,236,226)
```
#2ce6ec
```
#2ce6ec rgb(44,230,236)
```
#2cd6ec
```
#2cd6ec rgb(44,214,236)
```

Similar Colors

Text with hexadecimal color #2cecd2

This text has a font color of #2cecd2.

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

#2cecd2 background color

This paragraph has a background color of #2cecd2.

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

#2cecd2 border color

This element has a border color of #2cecd2.

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

CSS codes

.text {color:#2cecd2;}

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

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

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

#000504
```
#000504 rgb(0,5,4)
```
#021714
```
#021714 rgb(2,23,20)
```
#042924
```
#042924 rgb(4,41,36)
```
#053b34
```
#053b34 rgb(5,59,52)
```
#074d43
```
#074d43 rgb(7,77,67)
```
#095f53
```
#095f53 rgb(9,95,83)
```
#0a7163
```
#0a7163 rgb(10,113,99)
```
#0c8373
```
#0c8373 rgb(12,131,115)
```
#0d9583
```
#0d9583 rgb(13,149,131)
```
#0fa792
```
#0fa792 rgb(15,167,146)
```
#11b9a2
```
#11b9a2 rgb(17,185,162)
```
#12cbb2
```
#12cbb2 rgb(18,203,178)
```
#14ddc2
```
#14ddc2 rgb(20,221,194)
```

Shade Color Variation

#1aeace
```
#1aeace rgb(26,234,206)
```
#2cecd2
```
#2cecd2 rgb(44,236,210)
```
#3eeed6
```
#3eeed6 rgb(62,238,214)
```
#50efda
```
#50efda rgb(80,239,218)
```
#62f1de
```
#62f1de rgb(98,241,222)
```
#74f2e1
```
#74f2e1 rgb(116,242,225)
```
#86f4e5
```
#86f4e5 rgb(134,244,229)
```
#98f6e9
```
#98f6e9 rgb(152,246,233)
```
#aaf7ed
```
#aaf7ed rgb(170,247,237)
```
#bcf9f1
```
#bcf9f1 rgb(188,249,241)
```
#cefbf5
```
#cefbf5 rgb(206,251,245)
```
#e0fcf8
```
#e0fcf8 rgb(224,252,248)
```
#f2fefc
```
#f2fefc rgb(242,254,252)
```

Tint Color Variation

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

#849491
```
#849491 rgb(132,148,145)
```
#7c9c98
```
#7c9c98 rgb(124,156,152)
```
#73a59e
```
#73a59e rgb(115,165,158)
```
#6aaea5
```
#6aaea5 rgb(106,174,165)
```
#61b7ab
```
#61b7ab rgb(97,183,171)
```
#58c0b2
```
#58c0b2 rgb(88,192,178)
```
#4fc9b8
```
#4fc9b8 rgb(79,201,184)
```
#47d1bf
```
#47d1bf rgb(71,209,191)
```
#3edac5
```
#3edac5 rgb(62,218,197)
```
#35e3cc
```
#35e3cc rgb(53,227,204)
```
#2cecd2
```
#2cecd2 rgb(44,236,210)
```
#23f5d8
```
#23f5d8 rgb(35,245,216)
```
#1afedf
```
#1afedf rgb(26,254,223)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#96bcb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcd4c7 Protanopia 1% of men
#e4cfde Deuteranopia 1% of men
#57e7f8 Tritanopia 0.001% of the population

Trichromacy

#9cddcb Protanomaly 1% of men, 0.01% of women
#a1d9da Deuteranomaly 6% of men, 0.4% of women
#47e9ea Tritanomaly 0.01% of the population

#2cecd2 hex color

#2cecd2 Color Information

#2cecd2 Color Conversion

Color Schemes with #2cecd2

Alternatives to #2cecd2

#2cecd2 Preview

Shades and Tints of #2cecd2

Tones of #2cecd2

Color Blindness Simulator