#2ddcb6 hex color

In a RGB color space, hex #2ddcb6 is composed of 17.6% red, 86.3% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 0% magenta, 17.3% yellow and 13.7% black. It has a hue angle of 167 degrees, a saturation of 71.4% and a lightness of 52%. #2ddcb6 color hex could be obtained by blending #5affff with #00b96d. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 18
- G 86
- B 71
RGB color chart
- C 80
- M 0
- Y 17
- K 14
CMYK color chart

● #2ddcb6 color description : Bright cyan.

The hexadecimal color #2ddcb6 has RGB values of R:45, G:220, B:182 and CMYK values of C:0.8, M:0, Y:0.17, K:0.14. Its decimal value is 3005622.

Hex triplet	2ddcb6	`#2ddcb6`
RGB Decimal	45, 220, 182	`rgb(45,220,182)`
RGB Percent	17.6, 86.3, 71.4	`rgb(17.6%,86.3%,71.4%)`
CMYK	80, 0, 17, 14
HSL	167°, 71.4, 52	`hsl(167,71.4%,52%)`
HSV (or HSB)	167°, 79.5, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	79.109, -51.177, 6.614
XYZ	35.116, 55.118, 53.042
xyY	0.245, 0.385, 55.118
CIE-LCH	79.109, 51.602, 172.636
CIE-LUV	79.109, -61.98, 18.016
Hunter-Lab	74.242, -45.494, 9.61
Binary	00101101, 11011100, 10110110

#2ddcb6
```
#2ddcb6 rgb(45,220,182)
```
#dc2d53
```
#dc2d53 rgb(220,45,83)
```

Complementary Color

#2ddc5f
```
#2ddc5f rgb(45,220,95)
```
#2ddcb6
```
#2ddcb6 rgb(45,220,182)
```
#2dabdc
```
#2dabdc rgb(45,171,220)
```

Analogous Color

#dc5f2d
```
#dc5f2d rgb(220,95,45)
```
#2ddcb6
```
#2ddcb6 rgb(45,220,182)
```
#dc2dab
```
#dc2dab rgb(220,45,171)
```

Split Complementary Color

#dcb62d
```
#dcb62d rgb(220,182,45)
```
#2ddcb6
```
#2ddcb6 rgb(45,220,182)
```
#b62ddc
```
#b62ddc rgb(182,45,220)
```

Triadic Color

#53dc2d
```
#53dc2d rgb(83,220,45)
```
#2ddcb6
```
#2ddcb6 rgb(45,220,182)
```
#b62ddc
```
#b62ddc rgb(182,45,220)
```
#dc2d53
```
#dc2d53 rgb(220,45,83)
```

Tetradic Color

#1ba284
```
#1ba284 rgb(27,162,132)
```
#1fb796
```
#1fb796 rgb(31,183,150)
```
#22cda8
```
#22cda8 rgb(34,205,168)
```
#2ddcb6
```
#2ddcb6 rgb(45,220,182)
```
#43e0be
```
#43e0be rgb(67,224,190)
```
#59e3c5
```
#59e3c5 rgb(89,227,197)
```
#6fe7cd
```
#6fe7cd rgb(111,231,205)
```

Monochromatic Color

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

#2ddc8a
```
#2ddc8a rgb(45,220,138)
```
#2ddc99
```
#2ddc99 rgb(45,220,153)
```
#2ddca7
```
#2ddca7 rgb(45,220,167)
```
#2ddcb6
```
#2ddcb6 rgb(45,220,182)
```
#2ddcc5
```
#2ddcc5 rgb(45,220,197)
```
#2ddcd3
```
#2ddcd3 rgb(45,220,211)
```
#2dd6dc
```
#2dd6dc rgb(45,214,220)
```

Similar Colors

Text with hexadecimal color #2ddcb6

This text has a font color of #2ddcb6.

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

#2ddcb6 background color

This paragraph has a background color of #2ddcb6.

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

#2ddcb6 border color

This element has a border color of #2ddcb6.

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

CSS codes

.text {color:#2ddcb6;}

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

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

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

#010907
```
#010907 rgb(1,9,7)
```
#041915
```
#041915 rgb(4,25,21)
```
#072a23
```
#072a23 rgb(7,42,35)
```
#0a3b30
```
#0a3b30 rgb(10,59,48)
```
#0d4c3e
```
#0d4c3e rgb(13,76,62)
```
#0f5d4c
```
#0f5d4c rgb(15,93,76)
```
#126d5a
```
#126d5a rgb(18,109,90)
```
#157e67
```
#157e67 rgb(21,126,103)
```
#188f75
```
#188f75 rgb(24,143,117)
```
#1ba083
```
#1ba083 rgb(27,160,131)
```
#1db191
```
#1db191 rgb(29,177,145)
```
#20c29e
```
#20c29e rgb(32,194,158)
```
#23d2ac
```
#23d2ac rgb(35,210,172)
```

Shade Color Variation

#2ddcb6
```
#2ddcb6 rgb(45,220,182)
```
#3edfbc
```
#3edfbc rgb(62,223,188)
```
#4fe2c2
```
#4fe2c2 rgb(79,226,194)
```
#5fe4c8
```
#5fe4c8 rgb(95,228,200)
```
#70e7cd
```
#70e7cd rgb(112,231,205)
```
#81ead3
```
#81ead3 rgb(129,234,211)
```
#92edd9
```
#92edd9 rgb(146,237,217)
```
#a3f0df
```
#a3f0df rgb(163,240,223)
```
#b4f2e5
```
#b4f2e5 rgb(180,242,229)
```
#c4f5eb
```
#c4f5eb rgb(196,245,235)
```
#d5f8f0
```
#d5f8f0 rgb(213,248,240)
```
#e6fbf6
```
#e6fbf6 rgb(230,251,246)
```
#f7fefc
```
#f7fefc rgb(247,254,252)
```

Tint Color Variation

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

#828786
```
#828786 rgb(130,135,134)
```
#78918b
```
#78918b rgb(120,145,139)
```
#6f9a91
```
#6f9a91 rgb(111,154,145)
```
#66a396
```
#66a396 rgb(102,163,150)
```
#5cad9b
```
#5cad9b rgb(92,173,155)
```
#53b6a1
```
#53b6a1 rgb(83,182,161)
```
#49c0a6
```
#49c0a6 rgb(73,192,166)
```
#40c9ab
```
#40c9ab rgb(64,201,171)
```
#36d3b1
```
#36d3b1 rgb(54,211,177)
```
#2ddcb6
```
#2ddcb6 rgb(45,220,182)
```
#24e5bb
```
#24e5bb rgb(36,229,187)
```
#1aefc1
```
#1aefc1 rgb(26,239,193)
```
#11f8c6
```
#11f8c6 rgb(17,248,198)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#8baea7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0c6ae Protanopia 1% of men
#dac0c3 Deuteranopia 1% of men
#5ad7e7 Tritanopia 0.001% of the population

Trichromacy

#94ceb1 Protanomaly 1% of men, 0.01% of women
#9bcabe Deuteranomaly 6% of men, 0.4% of women
#49d9d5 Tritanomaly 0.01% of the population

#2ddcb6 hex color

#2ddcb6 Color Information

#2ddcb6 Color Conversion

Color Schemes with #2ddcb6

Alternatives to #2ddcb6

#2ddcb6 Preview

Shades and Tints of #2ddcb6

Tones of #2ddcb6

Color Blindness Simulator