#2dc4b2 hex color

In a RGB color space, hex #2dc4b2 is composed of 17.6% red, 76.9% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 0% magenta, 9.2% yellow and 23.1% black. It has a hue angle of 172.8 degrees, a saturation of 62.7% and a lightness of 47.3%. #2dc4b2 color hex could be obtained by blending #5affff with #008965. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 18
- G 77
- B 70
RGB color chart
- C 77
- M 0
- Y 9
- K 23
CMYK color chart

● #2dc4b2 color description : Strong cyan.

The hexadecimal color #2dc4b2 has RGB values of R:45, G:196, B:178 and CMYK values of C:0.77, M:0, Y:0.09, K:0.23. Its decimal value is 2999474.

Hex triplet	2dc4b2	`#2dc4b2`
RGB Decimal	45, 196, 178	`rgb(45,196,178)`
RGB Percent	17.6, 76.9, 69.8	`rgb(17.6%,76.9%,69.8%)`
CMYK	77, 0, 9, 23
HSL	172.8°, 62.7, 47.3	`hsl(172.8,62.7%,47.3%)`
HSV (or HSB)	172.8°, 77, 76.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	71.724, -42.074, -1.958
XYZ	28.855, 43.249, 48.944
xyY	0.238, 0.357, 43.249
CIE-LCH	71.724, 42.119, 182.665
CIE-LUV	71.724, -53.929, 3.545
Hunter-Lab	65.764, -36.767, 1.909
Binary	00101101, 11000100, 10110010

#2dc4b2
```
#2dc4b2 rgb(45,196,178)
```
#c42d3f
```
#c42d3f rgb(196,45,63)
```

Complementary Color

#2dc467
```
#2dc467 rgb(45,196,103)
```
#2dc4b2
```
#2dc4b2 rgb(45,196,178)
```
#2d8bc4
```
#2d8bc4 rgb(45,139,196)
```

Analogous Color

#c4672d
```
#c4672d rgb(196,103,45)
```
#2dc4b2
```
#2dc4b2 rgb(45,196,178)
```
#c42d8b
```
#c42d8b rgb(196,45,139)
```

Split Complementary Color

#c4b22d
```
#c4b22d rgb(196,178,45)
```
#2dc4b2
```
#2dc4b2 rgb(45,196,178)
```
#b22dc4
```
#b22dc4 rgb(178,45,196)
```

Triadic Color

#3fc42d
```
#3fc42d rgb(63,196,45)
```
#2dc4b2
```
#2dc4b2 rgb(45,196,178)
```
#b22dc4
```
#b22dc4 rgb(178,45,196)
```
#c42d3f
```
#c42d3f rgb(196,45,63)
```

Tetradic Color

#1f8679
```
#1f8679 rgb(31,134,121)
```
#239b8c
```
#239b8c rgb(35,155,140)
```
#28af9f
```
#28af9f rgb(40,175,159)
```
#2dc4b2
```
#2dc4b2 rgb(45,196,178)
```
#39d2bf
```
#39d2bf rgb(57,210,191)
```
#4ed6c6
```
#4ed6c6 rgb(78,214,198)
```
#62dbcd
```
#62dbcd rgb(98,219,205)
```

Monochromatic Color

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

#2dc48c
```
#2dc48c rgb(45,196,140)
```
#2dc499
```
#2dc499 rgb(45,196,153)
```
#2dc4a5
```
#2dc4a5 rgb(45,196,165)
```
#2dc4b2
```
#2dc4b2 rgb(45,196,178)
```
#2dc4bf
```
#2dc4bf rgb(45,196,191)
```
#2dbdc4
```
#2dbdc4 rgb(45,189,196)
```
#2db0c4
```
#2db0c4 rgb(45,176,196)
```

Similar Colors

Text with hexadecimal color #2dc4b2

This text has a font color of #2dc4b2.

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

#2dc4b2 background color

This paragraph has a background color of #2dc4b2.

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

#2dc4b2 border color

This element has a border color of #2dc4b2.

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

CSS codes

.text {color:#2dc4b2;}

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

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

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

#010504
```
#010504 rgb(1,5,4)
```
#051513
```
#051513 rgb(5,21,19)
```
#082421
```
#082421 rgb(8,36,33)
```
#0c3430
```
#0c3430 rgb(12,52,48)
```
#10443e
```
#10443e rgb(16,68,62)
```
#13544d
```
#13544d rgb(19,84,77)
```
#17645b
```
#17645b rgb(23,100,91)
```
#1b746a
```
#1b746a rgb(27,116,106)
```
#1e8478
```
#1e8478 rgb(30,132,120)
```
#229487
```
#229487 rgb(34,148,135)
```
#26a495
```
#26a495 rgb(38,164,149)
```
#29b4a4
```
#29b4a4 rgb(41,180,164)
```
#2dc4b2
```
#2dc4b2 rgb(45,196,178)
```

Shade Color Variation

#34d0be
```
#34d0be rgb(52,208,190)
```
#44d4c3
```
#44d4c3 rgb(68,212,195)
```
#54d8c8
```
#54d8c8 rgb(84,216,200)
```
#64dbcd
```
#64dbcd rgb(100,219,205)
```
#74dfd2
```
#74dfd2 rgb(116,223,210)
```
#84e3d7
```
#84e3d7 rgb(132,227,215)
```
#94e6dd
```
#94e6dd rgb(148,230,221)
```
#a4eae2
```
#a4eae2 rgb(164,234,226)
```
#b4eee7
```
#b4eee7 rgb(180,238,231)
```
#c4f1ec
```
#c4f1ec rgb(196,241,236)
```
#d4f5f1
```
#d4f5f1 rgb(212,245,241)
```
#e4f9f6
```
#e4f9f6 rgb(228,249,246)
```
#f4fcfb
```
#f4fcfb rgb(244,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777a7a is the less saturated color, while #08e9ce is the most saturated one.

#777a7a
```
#777a7a rgb(119,122,122)
```
#6e8381
```
#6e8381 rgb(110,131,129)
```
#658c88
```
#658c88 rgb(101,140,136)
```
#5b968f
```
#5b968f rgb(91,150,143)
```
#529f96
```
#529f96 rgb(82,159,150)
```
#49a89d
```
#49a89d rgb(73,168,157)
```
#40b1a4
```
#40b1a4 rgb(64,177,164)
```
#36bbab
```
#36bbab rgb(54,187,171)
```
#2dc4b2
```
#2dc4b2 rgb(45,196,178)
```
#24cdb9
```
#24cdb9 rgb(36,205,185)
```
#1ad7c0
```
#1ad7c0 rgb(26,215,192)
```
#11e0c7
```
#11e0c7 rgb(17,224,199)
```
#08e9ce
```
#08e9ce rgb(8,233,206)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#809e9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8b3ab Protanopia 1% of men
#bfafbe Deuteranopia 1% of men
#4dc2d1 Tritanopia 0.001% of the population

Trichromacy

#86b9ad Protanomaly 1% of men, 0.01% of women
#8ab6ba Deuteranomaly 6% of men, 0.4% of women
#41c3c5 Tritanomaly 0.01% of the population

#2dc4b2 hex color

#2dc4b2 Color Information

#2dc4b2 Color Conversion

Color Schemes with #2dc4b2

Alternatives to #2dc4b2

#2dc4b2 Preview

Shades and Tints of #2dc4b2

Tones of #2dc4b2

Color Blindness Simulator