colorhexa.com

#2ccbc4 hex color

In a RGB color space, hex #2ccbc4 is composed of 17.3% red, 79.6% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 0% magenta, 3.4% yellow and 20.4% black. It has a hue angle of 177.4 degrees, a saturation of 64.4% and a lightness of 48.4%. #2ccbc4 color hex could be obtained by blending #58ffff with #009789. Closest websafe color is: #33cccc.

- R 17
- G 80
- B 77
RGB color chart
- C 78
- M 0
- Y 3
- K 20
CMYK color chart

● #2ccbc4 color description : Strong cyan.

The hexadecimal color #2ccbc4 has RGB values of R:44, G:203, B:196 and CMYK values of C:0.78, M:0, Y:0.03, K:0.2. Its decimal value is 2935748.

Hex triplet	2ccbc4	`#2ccbc4`
RGB Decimal	44, 203, 196	`rgb(44,203,196)`
RGB Percent	17.3, 79.6, 76.9	`rgb(17.3%,79.6%,76.9%)`
CMYK	78, 0, 3, 20
HSL	177.4°, 64.4, 48.4	`hsl(177.4,64.4%,48.4%)`
HSV (or HSB)	177.4°, 78.3, 79.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.336, -40.263, -7.881
XYZ	32.355, 47.23, 59.633
xyY	0.232, 0.339, 47.23
CIE-LCH	74.336, 41.027, 191.074
CIE-LUV	74.336, -55.198, -5.948
Hunter-Lab	68.724, -36.229, -3.34
Binary	00101100, 11001011, 11000100

#2ccbc4
```
#2ccbc4 rgb(44,203,196)
```
#cb2c33
```
#cb2c33 rgb(203,44,51)
```

Complementary Color

#2ccb75
```
#2ccb75 rgb(44,203,117)
```
#2ccbc4
```
#2ccbc4 rgb(44,203,196)
```
#2c83cb
```
#2c83cb rgb(44,131,203)
```

Analogous Color

#cb752c
```
#cb752c rgb(203,117,44)
```
#2ccbc4
```
#2ccbc4 rgb(44,203,196)
```
#cb2c83
```
#cb2c83 rgb(203,44,131)
```

Split Complementary Color

#cbc42c
```
#cbc42c rgb(203,196,44)
```
#2ccbc4
```
#2ccbc4 rgb(44,203,196)
```
#c42ccb
```
#c42ccb rgb(196,44,203)
```

Triadic Color

#33cb2c
```
#33cb2c rgb(51,203,44)
```
#2ccbc4
```
#2ccbc4 rgb(44,203,196)
```
#c42ccb
```
#c42ccb rgb(196,44,203)
```
#cb2c33
```
#cb2c33 rgb(203,44,51)
```

Tetradic Color

#1e8c87
```
#1e8c87 rgb(30,140,135)
```
#23a19c
```
#23a19c rgb(35,161,156)
```
#27b6b0
```
#27b6b0 rgb(39,182,176)
```
#2ccbc4
```
#2ccbc4 rgb(44,203,196)
```
#3cd5ce
```
#3cd5ce rgb(60,213,206)
```
#51d9d3
```
#51d9d3 rgb(81,217,211)
```
#66ded8
```
#66ded8 rgb(102,222,216)
```

Monochromatic Color

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

#2ccb9c
```
#2ccb9c rgb(44,203,156)
```
#2ccbaa
```
#2ccbaa rgb(44,203,170)
```
#2ccbb7
```
#2ccbb7 rgb(44,203,183)
```
#2ccbc4
```
#2ccbc4 rgb(44,203,196)
```
#2cc5cb
```
#2cc5cb rgb(44,197,203)
```
#2cb8cb
```
#2cb8cb rgb(44,184,203)
```
#2caacb
```
#2caacb rgb(44,170,203)
```

Similar Colors

Text with hexadecimal color #2ccbc4

This text has a font color of #2ccbc4.

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

#2ccbc4 background color

This paragraph has a background color of #2ccbc4.

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

#2ccbc4 border color

This element has a border color of #2ccbc4.

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

CSS codes

.text {color:#2ccbc4;}

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

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

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, #020a09 is the darkest color, while #f8fefd is the lightest one.

#020a09
```
#020a09 rgb(2,10,9)
```
#061a19
```
#061a19 rgb(6,26,25)
```
#092a28
```
#092a28 rgb(9,42,40)
```
#0d3a38
```
#0d3a38 rgb(13,58,56)
```
#104a47
```
#104a47 rgb(16,74,71)
```
#145a57
```
#145a57 rgb(20,90,87)
```
#176a67
```
#176a67 rgb(23,106,103)
```
#1b7a76
```
#1b7a76 rgb(27,122,118)
```
#1e8b86
```
#1e8b86 rgb(30,139,134)
```
#229b95
```
#229b95 rgb(34,155,149)
```
#25aba5
```
#25aba5 rgb(37,171,165)
```
#29bbb4
```
#29bbb4 rgb(41,187,180)
```
#2ccbc4
```
#2ccbc4 rgb(44,203,196)
```

Shade Color Variation

#37d4cd
```
#37d4cd rgb(55,212,205)
```
#47d7d1
```
#47d7d1 rgb(71,215,209)
```
#57dbd5
```
#57dbd5 rgb(87,219,213)
```
#67ded9
```
#67ded9 rgb(103,222,217)
```
#77e2dd
```
#77e2dd rgb(119,226,221)
```
#88e5e1
```
#88e5e1 rgb(136,229,225)
```
#98e9e5
```
#98e9e5 rgb(152,233,229)
```
#a8ece9
```
#a8ece9 rgb(168,236,233)
```
#b8f0ed
```
#b8f0ed rgb(184,240,237)
```
#c8f3f1
```
#c8f3f1 rgb(200,243,241)
```
#d8f7f5
```
#d8f7f5 rgb(216,247,245)
```
#e8faf9
```
#e8faf9 rgb(232,250,249)
```
#f8fefd
```
#f8fefd rgb(248,254,253)
```

Tint Color Variation

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

#787f7f
```
#787f7f rgb(120,127,127)
```
#6f8987
```
#6f8987 rgb(111,137,135)
```
#659290
```
#659290 rgb(101,146,144)
```
#5c9c99
```
#5c9c99 rgb(92,156,153)
```
#52a5a1
```
#52a5a1 rgb(82,165,161)
```
#49afaa
```
#49afaa rgb(73,175,170)
```
#3fb8b3
```
#3fb8b3 rgb(63,184,179)
```
#36c2bb
```
#36c2bb rgb(54,194,187)
```
#2ccbc4
```
#2ccbc4 rgb(44,203,196)
```
#23d5cd
```
#23d5cd rgb(35,213,205)
```
#19ded5
```
#19ded5 rgb(25,222,213)
```
#10e8de
```
#10e8de rgb(16,232,222)
```
#06f1e7
```
#06f1e7 rgb(6,241,231)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#85a5a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb9bc Protanopia 1% of men
#c1b6cf Deuteranopia 1% of men
#48cad9 Tritanopia 0.001% of the population

Trichromacy

#88bfbe Protanomaly 1% of men, 0.01% of women
#8bbdcb Deuteranomaly 6% of men, 0.4% of women
#3dcad1 Tritanomaly 0.01% of the population