colorhexa.com

#2cebcc hex color

In a RGB color space, hex #2cebcc is composed of 17.3% red, 92.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 0% magenta, 13.2% yellow and 7.8% black. It has a hue angle of 170.3 degrees, a saturation of 82.7% and a lightness of 54.7%. #2cebcc color hex could be obtained by blending #58ffff with #00d799. Closest websafe color is: #33ffcc.

- R 17
- G 92
- B 80
RGB color chart
- C 81
- M 0
- Y 13
- K 8
CMYK color chart

● #2cebcc color description : Bright cyan.

The hexadecimal color #2cebcc has RGB values of R:44, G:235, B:204 and CMYK values of C:0.81, M:0, Y:0.13, K:0.08. Its decimal value is 2943948.

Hex triplet	2cebcc	`#2cebcc`
RGB Decimal	44, 235, 204	`rgb(44,235,204)`
RGB Percent	17.3, 92.2, 80	`rgb(17.3%,92.2%,80%)`
CMYK	81, 0, 13, 8
HSL	170.3°, 82.7, 54.7	`hsl(170.3,82.7%,54.7%)`
HSV (or HSB)	170.3°, 81.3, 92.2
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	84.126, -51.822, 2.23
XYZ	41.642, 64.308, 67.341
xyY	0.24, 0.371, 64.308
CIE-LCH	84.126, 51.87, 177.536
CIE-LUV	84.126, -65.6, 11.664
Hunter-Lab	80.192, -47.644, 6.346
Binary	00101100, 11101011, 11001100

#2cebcc
```
#2cebcc rgb(44,235,204)
```
#eb2c4b
```
#eb2c4b rgb(235,44,75)
```

Complementary Color

#2ceb6d
```
#2ceb6d rgb(44,235,109)
```
#2cebcc
```
#2cebcc rgb(44,235,204)
```
#2cabeb
```
#2cabeb rgb(44,171,235)
```

Analogous Color

#eb6d2c
```
#eb6d2c rgb(235,109,44)
```
#2cebcc
```
#2cebcc rgb(44,235,204)
```
#eb2cab
```
#eb2cab rgb(235,44,171)
```

Split Complementary Color

#ebcc2c
```
#ebcc2c rgb(235,204,44)
```
#2cebcc
```
#2cebcc rgb(44,235,204)
```
#cc2ceb
```
#cc2ceb rgb(204,44,235)
```

Triadic Color

#4beb2c
```
#4beb2c rgb(75,235,44)
```
#2cebcc
```
#2cebcc rgb(44,235,204)
```
#cc2ceb
```
#cc2ceb rgb(204,44,235)
```
#eb2c4b
```
#eb2c4b rgb(235,44,75)
```

Tetradic Color

#12b99e
```
#12b99e rgb(18,185,158)
```
#14d0b2
```
#14d0b2 rgb(20,208,178)
```
#16e8c6
```
#16e8c6 rgb(22,232,198)
```
#2cebcc
```
#2cebcc rgb(44,235,204)
```
#43edd2
```
#43edd2 rgb(67,237,210)
```
#5befd7
```
#5befd7 rgb(91,239,215)
```
#72f2dd
```
#72f2dd rgb(114,242,221)
```

Monochromatic Color

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

#2ceb9c
```
#2ceb9c rgb(44,235,156)
```
#2cebac
```
#2cebac rgb(44,235,172)
```
#2cebbc
```
#2cebbc rgb(44,235,188)
```
#2cebcc
```
#2cebcc rgb(44,235,204)
```
#2cebdc
```
#2cebdc rgb(44,235,220)
```
#2ceaeb
```
#2ceaeb rgb(44,234,235)
```
#2cdaeb
```
#2cdaeb rgb(44,218,235)
```

Similar Colors

Text with hexadecimal color #2cebcc

This text has a font color of #2cebcc.

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

#2cebcc background color

This paragraph has a background color of #2cebcc.

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

#2cebcc border color

This element has a border color of #2cebcc.

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

CSS codes

.text {color:#2cebcc;}

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

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

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

#000403
```
#000403 rgb(0,4,3)
```
#021613
```
#021613 rgb(2,22,19)
```
#042822
```
#042822 rgb(4,40,34)
```
#053a31
```
#053a31 rgb(5,58,49)
```
#074c41
```
#074c41 rgb(7,76,65)
```
#095e50
```
#095e50 rgb(9,94,80)
```
#0b705f
```
#0b705f rgb(11,112,95)
```
#0c816e
```
#0c816e rgb(12,129,110)
```
#0e937e
```
#0e937e rgb(14,147,126)
```
#10a58d
```
#10a58d rgb(16,165,141)
```
#11b79c
```
#11b79c rgb(17,183,156)
```
#13c9ac
```
#13c9ac rgb(19,201,172)
```
#15dbbb
```
#15dbbb rgb(21,219,187)
```

Shade Color Variation

#1ae9c8
```
#1ae9c8 rgb(26,233,200)
```
#2cebcc
```
#2cebcc rgb(44,235,204)
```
#3eedd0
```
#3eedd0 rgb(62,237,208)
```
#50eed5
```
#50eed5 rgb(80,238,213)
```
#62f0d9
```
#62f0d9 rgb(98,240,217)
```
#74f2dd
```
#74f2dd rgb(116,242,221)
```
#86f3e2
```
#86f3e2 rgb(134,243,226)
```
#98f5e6
```
#98f5e6 rgb(152,245,230)
```
#a9f7ea
```
#a9f7ea rgb(169,247,234)
```
#bbf9ef
```
#bbf9ef rgb(187,249,239)
```
#cdfaf3
```
#cdfaf3 rgb(205,250,243)
```
#dffcf7
```
#dffcf7 rgb(223,252,247)
```
#f1fefc
```
#f1fefc rgb(241,254,252)
```

Tint Color Variation

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

#859290
```
#859290 rgb(133,146,144)
```
#7c9b96
```
#7c9b96 rgb(124,155,150)
```
#73a49c
```
#73a49c rgb(115,164,156)
```
#6aada2
```
#6aada2 rgb(106,173,162)
```
#61b6a8
```
#61b6a8 rgb(97,182,168)
```
#58bfae
```
#58bfae rgb(88,191,174)
```
#50c7b4
```
#50c7b4 rgb(80,199,180)
```
#47d0ba
```
#47d0ba rgb(71,208,186)
```
#3ed9c0
```
#3ed9c0 rgb(62,217,192)
```
#35e2c6
```
#35e2c6 rgb(53,226,198)
```
#2cebcc
```
#2cebcc rgb(44,235,204)
```
#23f4d2
```
#23f4d2 rgb(35,244,210)
```
#1afdd8
```
#1afdd8 rgb(26,253,216)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#94bab4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcd3c2 Protanopia 1% of men
#e5ced9 Deuteranopia 1% of men
#59e6f6 Tritanopia 0.001% of the population

Trichromacy

#9cdbc5 Protanomaly 1% of men, 0.01% of women
#a1d8d4 Deuteranomaly 6% of men, 0.4% of women
#49e7e7 Tritanomaly 0.01% of the population