#2dc7c4 hex color

In a RGB color space, hex #2dc7c4 is composed of 17.6% red, 78% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 0% magenta, 1.5% yellow and 22% black. It has a hue angle of 178.8 degrees, a saturation of 63.1% and a lightness of 47.8%. #2dc7c4 color hex could be obtained by blending #5affff with #008f89. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 18
- G 78
- B 77
RGB color chart
- C 77
- M 0
- Y 2
- K 22
CMYK color chart

● #2dc7c4 color description : Strong cyan.

The hexadecimal color #2dc7c4 has RGB values of R:45, G:199, B:196 and CMYK values of C:0.77, M:0, Y:0.02, K:0.22. Its decimal value is 3000260.

Hex triplet	2dc7c4	`#2dc7c4`
RGB Decimal	45, 199, 196	`rgb(45,199,196)`
RGB Percent	17.6, 78, 76.9	`rgb(17.6%,78%,76.9%)`
CMYK	77, 0, 2, 22
HSL	178.8°, 63.1, 47.8	`hsl(178.8,63.1%,47.8%)`
HSV (or HSB)	178.8°, 77.4, 78
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.146, -38.36, -9.65
XYZ	31.466, 45.387, 59.324
xyY	0.231, 0.333, 45.387
CIE-LCH	73.146, 39.555, 194.121
CIE-LUV	73.146, -53.685, -9.025
Hunter-Lab	67.37, -34.526, -5.05
Binary	00101101, 11000111, 11000100

#2dc7c4
```
#2dc7c4 rgb(45,199,196)
```
#c72d30
```
#c72d30 rgb(199,45,48)
```

Complementary Color

#2dc777
```
#2dc777 rgb(45,199,119)
```
#2dc7c4
```
#2dc7c4 rgb(45,199,196)
```
#2d7dc7
```
#2d7dc7 rgb(45,125,199)
```

Analogous Color

#c7772d
```
#c7772d rgb(199,119,45)
```
#2dc7c4
```
#2dc7c4 rgb(45,199,196)
```
#c72d7d
```
#c72d7d rgb(199,45,125)
```

Split Complementary Color

#c7c42d
```
#c7c42d rgb(199,196,45)
```
#2dc7c4
```
#2dc7c4 rgb(45,199,196)
```
#c42dc7
```
#c42dc7 rgb(196,45,199)
```

Triadic Color

#30c72d
```
#30c72d rgb(48,199,45)
```
#2dc7c4
```
#2dc7c4 rgb(45,199,196)
```
#c42dc7
```
#c42dc7 rgb(196,45,199)
```
#c72d30
```
#c72d30 rgb(199,45,48)
```

Tetradic Color

#1f8987
```
#1f8987 rgb(31,137,135)
```
#249d9b
```
#249d9b rgb(36,157,155)
```
#28b2b0
```
#28b2b0 rgb(40,178,176)
```
#2dc7c4
```
#2dc7c4 rgb(45,199,196)
```
#3bd3d0
```
#3bd3d0 rgb(59,211,208)
```
#50d7d5
```
#50d7d5 rgb(80,215,213)
```
#64dcda
```
#64dcda rgb(100,220,218)
```

Monochromatic Color

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

#2dc79e
```
#2dc79e rgb(45,199,158)
```
#2dc7aa
```
#2dc7aa rgb(45,199,170)
```
#2dc7b7
```
#2dc7b7 rgb(45,199,183)
```
#2dc7c4
```
#2dc7c4 rgb(45,199,196)
```
#2dbdc7
```
#2dbdc7 rgb(45,189,199)
```
#2db0c7
```
#2db0c7 rgb(45,176,199)
```
#2da4c7
```
#2da4c7 rgb(45,164,199)
```

Similar Colors

Text with hexadecimal color #2dc7c4

This text has a font color of #2dc7c4.

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

#2dc7c4 background color

This paragraph has a background color of #2dc7c4.

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

#2dc7c4 border color

This element has a border color of #2dc7c4.

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

CSS codes

.text {color:#2dc7c4;}

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

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

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

#020707
```
#020707 rgb(2,7,7)
```
#051717
```
#051717 rgb(5,23,23)
```
#092726
```
#092726 rgb(9,39,38)
```
#0c3736
```
#0c3736 rgb(12,55,54)
```
#104746
```
#104746 rgb(16,71,70)
```
#145756
```
#145756 rgb(20,87,86)
```
#176765
```
#176765 rgb(23,103,101)
```
#1b7775
```
#1b7775 rgb(27,119,117)
```
#1f8785
```
#1f8785 rgb(31,135,133)
```
#229795
```
#229795 rgb(34,151,149)
```
#26a7a4
```
#26a7a4 rgb(38,167,164)
```
#29b7b4
```
#29b7b4 rgb(41,183,180)
```
#2dc7c4
```
#2dc7c4 rgb(45,199,196)
```

Shade Color Variation

#36d2cf
```
#36d2cf rgb(54,210,207)
```
#46d5d2
```
#46d5d2 rgb(70,213,210)
```
#56d9d6
```
#56d9d6 rgb(86,217,214)
```
#66dcda
```
#66dcda rgb(102,220,218)
```
#76e0de
```
#76e0de rgb(118,224,222)
```
#86e4e2
```
#86e4e2 rgb(134,228,226)
```
#96e7e6
```
#96e7e6 rgb(150,231,230)
```
#a6ebea
```
#a6ebea rgb(166,235,234)
```
#b6efed
```
#b6efed rgb(182,239,237)
```
#c6f2f1
```
#c6f2f1 rgb(198,242,241)
```
#d6f6f5
```
#d6f6f5 rgb(214,246,245)
```
#e6f9f9
```
#e6f9f9 rgb(230,249,249)
```
#f6fdfd
```
#f6fdfd rgb(246,253,253)
```

Tint Color Variation

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

#787c7c
```
#787c7c rgb(120,124,124)
```
#6f8585
```
#6f8585 rgb(111,133,133)
```
#658f8e
```
#658f8e rgb(101,143,142)
```
#5c9897
```
#5c9897 rgb(92,152,151)
```
#53a1a0
```
#53a1a0 rgb(83,161,160)
```
#49aba9
```
#49aba9 rgb(73,171,169)
```
#40b4b2
```
#40b4b2 rgb(64,180,178)
```
#36bebb
```
#36bebb rgb(54,190,187)
```
#2dc7c4
```
#2dc7c4 rgb(45,199,196)
```
#24d0cd
```
#24d0cd rgb(36,208,205)
```
#1adad6
```
#1adad6 rgb(26,218,214)
```
#11e3df
```
#11e3df rgb(17,227,223)
```
#07ede8
```
#07ede8 rgb(7,237,232)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#83a2a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9b6bc Protanopia 1% of men
#bcb3cf Deuteranopia 1% of men
#45c7d6 Tritanopia 0.001% of the population

Trichromacy

#86bcbf Protanomaly 1% of men, 0.01% of women
#88bacb Deuteranomaly 6% of men, 0.4% of women
#3cc7cf Tritanomaly 0.01% of the population

#2dc7c4 hex color

#2dc7c4 Color Information

#2dc7c4 Color Conversion

Color Schemes with #2dc7c4

Alternatives to #2dc7c4

#2dc7c4 Preview

Shades and Tints of #2dc7c4

Tones of #2dc7c4

Color Blindness Simulator