#2dc7aa hex color

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

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

● #2dc7aa color description : Strong cyan.

The hexadecimal color #2dc7aa has RGB values of R:45, G:199, B:170 and CMYK values of C:0.77, M:0, Y:0.15, K:0.22. Its decimal value is 3000234.

Hex triplet	2dc7aa	`#2dc7aa`
RGB Decimal	45, 199, 170	`rgb(45,199,170)`
RGB Percent	17.6, 78, 66.7	`rgb(17.6%,78%,66.7%)`
CMYK	77, 0, 15, 22
HSL	168.7°, 63.1, 47.8	`hsl(168.7,63.1%,47.8%)`
HSV (or HSB)	168.7°, 77.4, 78
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.431, -45.499, 3.422
XYZ	28.759, 44.304, 45.064
xyY	0.243, 0.375, 44.304
CIE-LCH	72.431, 45.627, 175.699
CIE-LUV	72.431, -55.55, 12.178
Hunter-Lab	66.561, -39.359, 6.452
Binary	00101101, 11000111, 10101010

#2dc7aa
```
#2dc7aa rgb(45,199,170)
```
#c72d4a
```
#c72d4a rgb(199,45,74)
```

Complementary Color

#2dc75d
```
#2dc75d rgb(45,199,93)
```
#2dc7aa
```
#2dc7aa rgb(45,199,170)
```
#2d97c7
```
#2d97c7 rgb(45,151,199)
```

Analogous Color

#c75d2d
```
#c75d2d rgb(199,93,45)
```
#2dc7aa
```
#2dc7aa rgb(45,199,170)
```
#c72d97
```
#c72d97 rgb(199,45,151)
```

Split Complementary Color

#c7aa2d
```
#c7aa2d rgb(199,170,45)
```
#2dc7aa
```
#2dc7aa rgb(45,199,170)
```
#aa2dc7
```
#aa2dc7 rgb(170,45,199)
```

Triadic Color

#4ac72d
```
#4ac72d rgb(74,199,45)
```
#2dc7aa
```
#2dc7aa rgb(45,199,170)
```
#aa2dc7
```
#aa2dc7 rgb(170,45,199)
```
#c72d4a
```
#c72d4a rgb(199,45,74)
```

Tetradic Color

#1f8975
```
#1f8975 rgb(31,137,117)
```
#249d86
```
#249d86 rgb(36,157,134)
```
#28b298
```
#28b298 rgb(40,178,152)
```
#2dc7aa
```
#2dc7aa rgb(45,199,170)
```
#3bd3b6
```
#3bd3b6 rgb(59,211,182)
```
#50d7be
```
#50d7be rgb(80,215,190)
```
#64dcc6
```
#64dcc6 rgb(100,220,198)
```

Monochromatic Color

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

#2dc784
```
#2dc784 rgb(45,199,132)
```
#2dc790
```
#2dc790 rgb(45,199,144)
```
#2dc79d
```
#2dc79d rgb(45,199,157)
```
#2dc7aa
```
#2dc7aa rgb(45,199,170)
```
#2dc7b7
```
#2dc7b7 rgb(45,199,183)
```
#2dc7c4
```
#2dc7c4 rgb(45,199,196)
```
#2dbec7
```
#2dbec7 rgb(45,190,199)
```

Similar Colors

Text with hexadecimal color #2dc7aa

This text has a font color of #2dc7aa.

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

#2dc7aa background color

This paragraph has a background color of #2dc7aa.

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

#2dc7aa border color

This element has a border color of #2dc7aa.

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

CSS codes

.text {color:#2dc7aa;}

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

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

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

#020706
```
#020706 rgb(2,7,6)
```
#051714
```
#051714 rgb(5,23,20)
```
#092721
```
#092721 rgb(9,39,33)
```
#0c372f
```
#0c372f rgb(12,55,47)
```
#10473d
```
#10473d rgb(16,71,61)
```
#14574a
```
#14574a rgb(20,87,74)
```
#176758
```
#176758 rgb(23,103,88)
```
#1b7766
```
#1b7766 rgb(27,119,102)
```
#1f8773
```
#1f8773 rgb(31,135,115)
```
#229781
```
#229781 rgb(34,151,129)
```
#26a78f
```
#26a78f rgb(38,167,143)
```
#29b79c
```
#29b79c rgb(41,183,156)
```
#2dc7aa
```
#2dc7aa rgb(45,199,170)
```

Shade Color Variation

#36d2b4
```
#36d2b4 rgb(54,210,180)
```
#46d5ba
```
#46d5ba rgb(70,213,186)
```
#56d9c0
```
#56d9c0 rgb(86,217,192)
```
#66dcc6
```
#66dcc6 rgb(102,220,198)
```
#76e0cc
```
#76e0cc rgb(118,224,204)
```
#86e4d2
```
#86e4d2 rgb(134,228,210)
```
#96e7d8
```
#96e7d8 rgb(150,231,216)
```
#a6ebde
```
#a6ebde rgb(166,235,222)
```
#b6efe4
```
#b6efe4 rgb(182,239,228)
```
#c6f2ea
```
#c6f2ea rgb(198,242,234)
```
#d6f6f0
```
#d6f6f0 rgb(214,246,240)
```
#e6f9f6
```
#e6f9f6 rgb(230,249,246)
```
#f6fdfc
```
#f6fdfc rgb(246,253,252)
```

Tint Color Variation

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

#787c7b
```
#787c7b rgb(120,124,123)
```
#6f8581
```
#6f8581 rgb(111,133,129)
```
#658f87
```
#658f87 rgb(101,143,135)
```
#5c988d
```
#5c988d rgb(92,152,141)
```
#53a193
```
#53a193 rgb(83,161,147)
```
#49ab98
```
#49ab98 rgb(73,171,152)
```
#40b49e
```
#40b49e rgb(64,180,158)
```
#36bea4
```
#36bea4 rgb(54,190,164)
```
#2dc7aa
```
#2dc7aa rgb(45,199,170)
```
#24d0b0
```
#24d0b0 rgb(36,208,176)
```
#1adab6
```
#1adab6 rgb(26,218,182)
```
#11e3bc
```
#11e3bc rgb(17,227,188)
```
#07edc1
```
#07edc1 rgb(7,237,193)
```

Tone Color Variation

Below, you can see how #2dc7aa 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
#81a09a Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb5a4 Protanopia 1% of men
#c5b0b7 Deuteranopia 1% of men
#52c4d2 Tritanopia 0.001% of the population

Trichromacy

#88bba6 Protanomaly 1% of men, 0.01% of women
#8eb8b2 Deuteranomaly 6% of men, 0.4% of women
#45c5c4 Tritanomaly 0.01% of the population

#2dc7aa hex color

#2dc7aa Color Information

#2dc7aa Color Conversion

Color Schemes with #2dc7aa

Alternatives to #2dc7aa

#2dc7aa Preview

Shades and Tints of #2dc7aa

Tones of #2dc7aa

Color Blindness Simulator