#2ccec4 hex color

In a RGB color space, hex #2ccec4 is composed of 17.3% red, 80.8% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 0% magenta, 4.9% yellow and 19.2% black. It has a hue angle of 176.3 degrees, a saturation of 64.8% and a lightness of 49%. #2ccec4 color hex could be obtained by blending #58ffff with #009d89. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 17
- G 81
- B 77
RGB color chart
- C 79
- M 0
- Y 5
- K 19
CMYK color chart

● #2ccec4 color description : Strong cyan.

The hexadecimal color #2ccec4 has RGB values of R:44, G:206, B:196 and CMYK values of C:0.79, M:0, Y:0.05, K:0.19. Its decimal value is 2936516.

Hex triplet	2ccec4	`#2ccec4`
RGB Decimal	44, 206, 196	`rgb(44,206,196)`
RGB Percent	17.3, 80.8, 76.9	`rgb(17.3%,80.8%,76.9%)`
CMYK	79, 0, 5, 19
HSL	176.3°, 64.8, 49	`hsl(176.3,64.8%,49%)`
HSV (or HSB)	176.3°, 78.6, 80.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.24, -41.602, -6.541
XYZ	33.071, 48.66, 59.871
xyY	0.234, 0.344, 48.66
CIE-LCH	75.24, 42.113, 188.936
CIE-LUV	75.24, -56.242, -3.637
Hunter-Lab	69.757, -37.451, -2.057
Binary	00101100, 11001110, 11000100

#2ccec4
```
#2ccec4 rgb(44,206,196)
```
#ce2c36
```
#ce2c36 rgb(206,44,54)
```

Complementary Color

#2cce73
```
#2cce73 rgb(44,206,115)
```
#2ccec4
```
#2ccec4 rgb(44,206,196)
```
#2c87ce
```
#2c87ce rgb(44,135,206)
```

Analogous Color

#ce732c
```
#ce732c rgb(206,115,44)
```
#2ccec4
```
#2ccec4 rgb(44,206,196)
```
#ce2c87
```
#ce2c87 rgb(206,44,135)
```

Split Complementary Color

#cec42c
```
#cec42c rgb(206,196,44)
```
#2ccec4
```
#2ccec4 rgb(44,206,196)
```
#c42cce
```
#c42cce rgb(196,44,206)
```

Triadic Color

#36ce2c
```
#36ce2c rgb(54,206,44)
```
#2ccec4
```
#2ccec4 rgb(44,206,196)
```
#c42cce
```
#c42cce rgb(196,44,206)
```
#ce2c36
```
#ce2c36 rgb(206,44,54)
```

Tetradic Color

#1f8f88
```
#1f8f88 rgb(31,143,136)
```
#23a49c
```
#23a49c rgb(35,164,156)
```
#28b9b0
```
#28b9b0 rgb(40,185,176)
```
#2ccec4
```
#2ccec4 rgb(44,206,196)
```
#3ed6cc
```
#3ed6cc rgb(62,214,204)
```
#53dad2
```
#53dad2 rgb(83,218,210)
```
#68dfd7
```
#68dfd7 rgb(104,223,215)
```

Monochromatic Color

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

#2cce9c
```
#2cce9c rgb(44,206,156)
```
#2ccea9
```
#2ccea9 rgb(44,206,169)
```
#2cceb7
```
#2cceb7 rgb(44,206,183)
```
#2ccec4
```
#2ccec4 rgb(44,206,196)
```
#2ccbce
```
#2ccbce rgb(44,203,206)
```
#2cbdce
```
#2cbdce rgb(44,189,206)
```
#2cb0ce
```
#2cb0ce rgb(44,176,206)
```

Similar Colors

Text with hexadecimal color #2ccec4

This text has a font color of #2ccec4.

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

#2ccec4 background color

This paragraph has a background color of #2ccec4.

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

#2ccec4 border color

This element has a border color of #2ccec4.

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

CSS codes

.text {color:#2ccec4;}

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

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

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, #030c0b is the darkest color, while #fbfefe is the lightest one.

#030c0b
```
#030c0b rgb(3,12,11)
```
#061c1b
```
#061c1b rgb(6,28,27)
```
#092c2a
```
#092c2a rgb(9,44,42)
```
#0d3d3a
```
#0d3d3a rgb(13,61,58)
```
#104d49
```
#104d49 rgb(16,77,73)
```
#145d58
```
#145d58 rgb(20,93,88)
```
#176d68
```
#176d68 rgb(23,109,104)
```
#1b7d77
```
#1b7d77 rgb(27,125,119)
```
#1e8d86
```
#1e8d86 rgb(30,141,134)
```
#229e96
```
#229e96 rgb(34,158,150)
```
#25aea5
```
#25aea5 rgb(37,174,165)
```
#29beb5
```
#29beb5 rgb(41,190,181)
```
#2ccec4
```
#2ccec4 rgb(44,206,196)
```

Shade Color Variation

#39d5cb
```
#39d5cb rgb(57,213,203)
```
#49d8cf
```
#49d8cf rgb(73,216,207)
```
#59dcd4
```
#59dcd4 rgb(89,220,212)
```
#69dfd8
```
#69dfd8 rgb(105,223,216)
```
#7ae3dc
```
#7ae3dc rgb(122,227,220)
```
#8ae6e0
```
#8ae6e0 rgb(138,230,224)
```
#9ae9e4
```
#9ae9e4 rgb(154,233,228)
```
#aaede9
```
#aaede9 rgb(170,237,233)
```
#baf0ed
```
#baf0ed rgb(186,240,237)
```
#caf4f1
```
#caf4f1 rgb(202,244,241)
```
#dbf7f5
```
#dbf7f5 rgb(219,247,245)
```
#ebfbfa
```
#ebfbfa rgb(235,251,250)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#798181
```
#798181 rgb(121,129,129)
```
#6f8b89
```
#6f8b89 rgb(111,139,137)
```
#669491
```
#669491 rgb(102,148,145)
```
#5c9e9a
```
#5c9e9a rgb(92,158,154)
```
#52a8a2
```
#52a8a2 rgb(82,168,162)
```
#49b1ab
```
#49b1ab rgb(73,177,171)
```
#3fbbb3
```
#3fbbb3 rgb(63,187,179)
```
#36c4bc
```
#36c4bc rgb(54,196,188)
```
#2ccec4
```
#2ccec4 rgb(44,206,196)
```
#22d8cc
```
#22d8cc rgb(34,216,204)
```
#19e1d5
```
#19e1d5 rgb(25,225,213)
```
#0febdd
```
#0febdd rgb(15,235,221)
```
#06f4e6
```
#06f4e6 rgb(6,244,230)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#86a6a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0bbbb Protanopia 1% of men
#c5b8cf Deuteranopia 1% of men
#4acddc Tritanopia 0.001% of the population

Trichromacy

#8ac2be Protanomaly 1% of men, 0.01% of women
#8dc0cb Deuteranomaly 6% of men, 0.4% of women
#3fcdd3 Tritanomaly 0.01% of the population

#2ccec4 hex color

#2ccec4 Color Information

#2ccec4 Color Conversion

Color Schemes with #2ccec4

Alternatives to #2ccec4

#2ccec4 Preview

Shades and Tints of #2ccec4

Tones of #2ccec4

Color Blindness Simulator