#2dc4bb hex color

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

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

● #2dc4bb color description : Strong cyan.

The hexadecimal color #2dc4bb has RGB values of R:45, G:196, B:187 and CMYK values of C:0.77, M:0, Y:0.05, K:0.23. Its decimal value is 2999483.

Hex triplet	2dc4bb	`#2dc4bb`
RGB Decimal	45, 196, 187	`rgb(45,196,187)`
RGB Percent	17.6, 76.9, 73.3	`rgb(17.6%,76.9%,73.3%)`
CMYK	77, 0, 5, 23
HSL	176.4°, 62.7, 47.3	`hsl(176.4,62.7%,47.3%)`
HSV (or HSB)	176.4°, 77, 76.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.976, -39.573, -6.492
XYZ	29.789, 43.623, 53.861
xyY	0.234, 0.343, 43.623
CIE-LCH	71.976, 40.102, 189.316
CIE-LUV	71.976, -53.284, -3.843
Hunter-Lab	66.047, -35.076, -2.117
Binary	00101101, 11000100, 10111011

#2dc4bb
```
#2dc4bb rgb(45,196,187)
```
#c42d36
```
#c42d36 rgb(196,45,54)
```

Complementary Color

#2dc470
```
#2dc470 rgb(45,196,112)
```
#2dc4bb
```
#2dc4bb rgb(45,196,187)
```
#2d82c4
```
#2d82c4 rgb(45,130,196)
```

Analogous Color

#c4702d
```
#c4702d rgb(196,112,45)
```
#2dc4bb
```
#2dc4bb rgb(45,196,187)
```
#c42d82
```
#c42d82 rgb(196,45,130)
```

Split Complementary Color

#c4bb2d
```
#c4bb2d rgb(196,187,45)
```
#2dc4bb
```
#2dc4bb rgb(45,196,187)
```
#bb2dc4
```
#bb2dc4 rgb(187,45,196)
```

Triadic Color

#36c42d
```
#36c42d rgb(54,196,45)
```
#2dc4bb
```
#2dc4bb rgb(45,196,187)
```
#bb2dc4
```
#bb2dc4 rgb(187,45,196)
```
#c42d36
```
#c42d36 rgb(196,45,54)
```

Tetradic Color

#1f8680
```
#1f8680 rgb(31,134,128)
```
#239b93
```
#239b93 rgb(35,155,147)
```
#28afa7
```
#28afa7 rgb(40,175,167)
```
#2dc4bb
```
#2dc4bb rgb(45,196,187)
```
#39d2c8
```
#39d2c8 rgb(57,210,200)
```
#4ed6ce
```
#4ed6ce rgb(78,214,206)
```
#62dbd4
```
#62dbd4 rgb(98,219,212)
```

Monochromatic Color

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

#2dc495
```
#2dc495 rgb(45,196,149)
```
#2dc4a2
```
#2dc4a2 rgb(45,196,162)
```
#2dc4ae
```
#2dc4ae rgb(45,196,174)
```
#2dc4bb
```
#2dc4bb rgb(45,196,187)
```
#2dc0c4
```
#2dc0c4 rgb(45,192,196)
```
#2db4c4
```
#2db4c4 rgb(45,180,196)
```
#2da7c4
```
#2da7c4 rgb(45,167,196)
```

Similar Colors

Text with hexadecimal color #2dc4bb

This text has a font color of #2dc4bb.

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

#2dc4bb background color

This paragraph has a background color of #2dc4bb.

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

#2dc4bb border color

This element has a border color of #2dc4bb.

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

CSS codes

.text {color:#2dc4bb;}

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

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

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 #f4fcfc is the lightest one.

#010504
```
#010504 rgb(1,5,4)
```
#051514
```
#051514 rgb(5,21,20)
```
#082423
```
#082423 rgb(8,36,35)
```
#0c3432
```
#0c3432 rgb(12,52,50)
```
#104441
```
#104441 rgb(16,68,65)
```
#135450
```
#135450 rgb(19,84,80)
```
#176460
```
#176460 rgb(23,100,96)
```
#1b746f
```
#1b746f rgb(27,116,111)
```
#1e847e
```
#1e847e rgb(30,132,126)
```
#22948d
```
#22948d rgb(34,148,141)
```
#26a49d
```
#26a49d rgb(38,164,157)
```
#29b4ac
```
#29b4ac rgb(41,180,172)
```
#2dc4bb
```
#2dc4bb rgb(45,196,187)
```

Shade Color Variation

#34d0c7
```
#34d0c7 rgb(52,208,199)
```
#44d4cc
```
#44d4cc rgb(68,212,204)
```
#54d8d0
```
#54d8d0 rgb(84,216,208)
```
#64dbd4
```
#64dbd4 rgb(100,219,212)
```
#74dfd9
```
#74dfd9 rgb(116,223,217)
```
#84e3dd
```
#84e3dd rgb(132,227,221)
```
#94e6e1
```
#94e6e1 rgb(148,230,225)
```
#a4eae6
```
#a4eae6 rgb(164,234,230)
```
#b4eeea
```
#b4eeea rgb(180,238,234)
```
#c4f1ef
```
#c4f1ef rgb(196,241,239)
```
#d4f5f3
```
#d4f5f3 rgb(212,245,243)
```
#e4f9f7
```
#e4f9f7 rgb(228,249,247)
```
#f4fcfc
```
#f4fcfc rgb(244,252,252)
```

Tint Color Variation

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

#777a7a
```
#777a7a rgb(119,122,122)
```
#6e8382
```
#6e8382 rgb(110,131,130)
```
#658c8a
```
#658c8a rgb(101,140,138)
```
#5b9692
```
#5b9692 rgb(91,150,146)
```
#529f9a
```
#529f9a rgb(82,159,154)
```
#49a8a3
```
#49a8a3 rgb(73,168,163)
```
#40b1ab
```
#40b1ab rgb(64,177,171)
```
#36bbb3
```
#36bbb3 rgb(54,187,179)
```
#2dc4bb
```
#2dc4bb rgb(45,196,187)
```
#24cdc3
```
#24cdc3 rgb(36,205,195)
```
#1ad7cb
```
#1ad7cb rgb(26,215,203)
```
#11e0d3
```
#11e0d3 rgb(17,224,211)
```
#08e9dc
```
#08e9dc rgb(8,233,220)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#819f9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7b3b4 Protanopia 1% of men
#bcb0c6 Deuteranopia 1% of men
#48c3d2 Tritanopia 0.001% of the population

Trichromacy

#85b9b6 Protanomaly 1% of men, 0.01% of women
#88b7c2 Deuteranomaly 6% of men, 0.4% of women
#3ec3c9 Tritanomaly 0.01% of the population

#2dc4bb hex color

#2dc4bb Color Information

#2dc4bb Color Conversion

Color Schemes with #2dc4bb

Alternatives to #2dc4bb

#2dc4bb Preview

Shades and Tints of #2dc4bb

Tones of #2dc4bb

Color Blindness Simulator