colorhexa.com

#2ddcb7 hex color

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

- R 18
- G 86
- B 72
RGB color chart
- C 80
- M 0
- Y 17
- K 14
CMYK color chart

● #2ddcb7 color description : Bright cyan.

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

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

CIE-LAB	79.133, -50.927, 6.117
XYZ	35.219, 55.16, 53.588
xyY	0.245, 0.383, 55.16
CIE-LCH	79.133, 51.293, 173.151
CIE-LUV	79.133, -61.909, 17.242
Hunter-Lab	74.27, -45.325, 9.209
Binary	00101101, 11011100, 10110111

#2ddcb7
```
#2ddcb7 rgb(45,220,183)
```
#dc2d52
```
#dc2d52 rgb(220,45,82)
```

Complementary Color

#2ddc60
```
#2ddc60 rgb(45,220,96)
```
#2ddcb7
```
#2ddcb7 rgb(45,220,183)
```
#2daadc
```
#2daadc rgb(45,170,220)
```

Analogous Color

#dc5f2d
```
#dc5f2d rgb(220,95,45)
```
#2ddcb7
```
#2ddcb7 rgb(45,220,183)
```
#dc2daa
```
#dc2daa rgb(220,45,170)
```

Split Complementary Color

#dcb72d
```
#dcb72d rgb(220,183,45)
```
#2ddcb7
```
#2ddcb7 rgb(45,220,183)
```
#b72ddc
```
#b72ddc rgb(183,45,220)
```

Triadic Color

#52dc2d
```
#52dc2d rgb(82,220,45)
```
#2ddcb7
```
#2ddcb7 rgb(45,220,183)
```
#b72ddc
```
#b72ddc rgb(183,45,220)
```
#dc2d52
```
#dc2d52 rgb(220,45,82)
```

Tetradic Color

#1ba285
```
#1ba285 rgb(27,162,133)
```
#1fb797
```
#1fb797 rgb(31,183,151)
```
#22cda9
```
#22cda9 rgb(34,205,169)
```
#2ddcb7
```
#2ddcb7 rgb(45,220,183)
```
#43e0be
```
#43e0be rgb(67,224,190)
```
#59e3c6
```
#59e3c6 rgb(89,227,198)
```
#6fe7cd
```
#6fe7cd rgb(111,231,205)
```

Monochromatic Color

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

#2ddc8b
```
#2ddc8b rgb(45,220,139)
```
#2ddc9a
```
#2ddc9a rgb(45,220,154)
```
#2ddca8
```
#2ddca8 rgb(45,220,168)
```
#2ddcb7
```
#2ddcb7 rgb(45,220,183)
```
#2ddcc6
```
#2ddcc6 rgb(45,220,198)
```
#2ddcd4
```
#2ddcd4 rgb(45,220,212)
```
#2dd5dc
```
#2dd5dc rgb(45,213,220)
```

Similar Colors

Text with hexadecimal color #2ddcb7

This text has a font color of #2ddcb7.

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

#2ddcb7 background color

This paragraph has a background color of #2ddcb7.

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

#2ddcb7 border color

This element has a border color of #2ddcb7.

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

CSS codes

.text {color:#2ddcb7;}

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

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

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)
```
#0a3b31
```
#0a3b31 rgb(10,59,49)
```
#0d4c3e
```
#0d4c3e rgb(13,76,62)
```
#0f5d4c
```
#0f5d4c rgb(15,93,76)
```
#126d5a
```
#126d5a rgb(18,109,90)
```
#157e68
```
#157e68 rgb(21,126,104)
```
#188f76
```
#188f76 rgb(24,143,118)
```
#1ba084
```
#1ba084 rgb(27,160,132)
```
#1db192
```
#1db192 rgb(29,177,146)
```
#20c29f
```
#20c29f rgb(32,194,159)
```
#23d2ad
```
#23d2ad rgb(35,210,173)
```

Shade Color Variation

#2ddcb7
```
#2ddcb7 rgb(45,220,183)
```
#3edfbd
```
#3edfbd rgb(62,223,189)
```
#4fe2c3
```
#4fe2c3 rgb(79,226,195)
```
#5fe4c8
```
#5fe4c8 rgb(95,228,200)
```
#70e7ce
```
#70e7ce rgb(112,231,206)
```
#81ead4
```
#81ead4 rgb(129,234,212)
```
#92edda
```
#92edda rgb(146,237,218)
```
#a3f0df
```
#a3f0df rgb(163,240,223)
```
#b4f2e5
```
#b4f2e5 rgb(180,242,229)
```
#c4f5eb
```
#c4f5eb rgb(196,245,235)
```
#d5f8f1
```
#d5f8f1 rgb(213,248,241)
```
#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 #11f8c7 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)
```
#5cad9c
```
#5cad9c rgb(92,173,156)
```
#53b6a1
```
#53b6a1 rgb(83,182,161)
```
#49c0a7
```
#49c0a7 rgb(73,192,167)
```
#40c9ac
```
#40c9ac rgb(64,201,172)
```
#36d3b2
```
#36d3b2 rgb(54,211,178)
```
#2ddcb7
```
#2ddcb7 rgb(45,220,183)
```
#24e5bc
```
#24e5bc rgb(36,229,188)
```
#1aefc2
```
#1aefc2 rgb(26,239,194)
```
#11f8c7
```
#11f8c7 rgb(17,248,199)
```

Tone Color Variation

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

#d0c6af Protanopia 1% of men
#dac1c4 Deuteranopia 1% of men
#59d7e7 Tritanopia 0.001% of the population

Trichromacy

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