#2d8978 hex color

In a RGB color space, hex #2d8978 is composed of 17.6% red, 53.7% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 0% magenta, 12.4% yellow and 46.3% black. It has a hue angle of 168.9 degrees, a saturation of 50.5% and a lightness of 35.7%. #2d8978 color hex could be obtained by blending #5afff0 with #001300. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 18
- G 54
- B 47
RGB color chart
- C 67
- M 0
- Y 12
- K 46
CMYK color chart

● #2d8978 color description : Dark moderate cyan.

The hexadecimal color #2d8978 has RGB values of R:45, G:137, B:120 and CMYK values of C:0.67, M:0, Y:0.12, K:0.46. Its decimal value is 2984312.

Hex triplet	2d8978	`#2d8978`
RGB Decimal	45, 137, 120	`rgb(45,137,120)`
RGB Percent	17.6, 53.7, 47.1	`rgb(17.6%,53.7%,47.1%)`
CMYK	67, 0, 12, 46
HSL	168.9°, 50.5, 35.7	`hsl(168.9,50.5%,35.7%)`
HSV (or HSB)	168.9°, 67.2, 53.7
Web Safe	339966	`#339966`

CIE-LAB	51.615, -31.104, 1.238
XYZ	13.417, 19.804, 20.884
xyY	0.248, 0.366, 19.804
CIE-LCH	51.615, 31.129, 177.721
CIE-LUV	51.615, -36.24, 6.27
Hunter-Lab	44.502, -24.062, 3.328
Binary	00101101, 10001001, 01111000

#2d8978
```
#2d8978 rgb(45,137,120)
```
#892d3e
```
#892d3e rgb(137,45,62)
```

Complementary Color

#2d894a
```
#2d894a rgb(45,137,74)
```
#2d8978
```
#2d8978 rgb(45,137,120)
```
#2d6c89
```
#2d6c89 rgb(45,108,137)
```

Analogous Color

#894a2d
```
#894a2d rgb(137,74,45)
```
#2d8978
```
#2d8978 rgb(45,137,120)
```
#892d6c
```
#892d6c rgb(137,45,108)
```

Split Complementary Color

#89782d
```
#89782d rgb(137,120,45)
```
#2d8978
```
#2d8978 rgb(45,137,120)
```
#782d89
```
#782d89 rgb(120,45,137)
```

Triadic Color

#3e892d
```
#3e892d rgb(62,137,45)
```
#2d8978
```
#2d8978 rgb(45,137,120)
```
#782d89
```
#782d89 rgb(120,45,137)
```
#892d3e
```
#892d3e rgb(137,45,62)
```

Tetradic Color

#1a4f46
```
#1a4f46 rgb(26,79,70)
```
#206356
```
#206356 rgb(32,99,86)
```
#277667
```
#277667 rgb(39,118,103)
```
#2d8978
```
#2d8978 rgb(45,137,120)
```
#339c89
```
#339c89 rgb(51,156,137)
```
#3aaf9a
```
#3aaf9a rgb(58,175,154)
```
#42c1a9
```
#42c1a9 rgb(66,193,169)
```

Monochromatic Color

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

#2d8961
```
#2d8961 rgb(45,137,97)
```
#2d8969
```
#2d8969 rgb(45,137,105)
```
#2d8970
```
#2d8970 rgb(45,137,112)
```
#2d8978
```
#2d8978 rgb(45,137,120)
```
#2d8980
```
#2d8980 rgb(45,137,128)
```
#2d8987
```
#2d8987 rgb(45,137,135)
```
#2d8389
```
#2d8389 rgb(45,131,137)
```

Similar Colors

Text with hexadecimal color #2d8978

This text has a font color of #2d8978.

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

#2d8978 background color

This paragraph has a background color of #2d8978.

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

#2d8978 border color

This element has a border color of #2d8978.

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

CSS codes

.text {color:#2d8978;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#061311
```
#061311 rgb(6,19,17)
```
#0b221d
```
#0b221d rgb(11,34,29)
```
#10302a
```
#10302a rgb(16,48,42)
```
#153f37
```
#153f37 rgb(21,63,55)
```
#1a4e44
```
#1a4e44 rgb(26,78,68)
```
#1e5d51
```
#1e5d51 rgb(30,93,81)
```
#236b5e
```
#236b5e rgb(35,107,94)
```
#287a6b
```
#287a6b rgb(40,122,107)
```
#2d8978
```
#2d8978 rgb(45,137,120)
```
#329885
```
#329885 rgb(50,152,133)
```
#37a792
```
#37a792 rgb(55,167,146)
```
#3cb59f
```
#3cb59f rgb(60,181,159)
```

Shade Color Variation

#43c1aa
```
#43c1aa rgb(67,193,170)
```
#52c6b1
```
#52c6b1 rgb(82,198,177)
```
#61cbb7
```
#61cbb7 rgb(97,203,183)
```
#6fd0be
```
#6fd0be rgb(111,208,190)
```
#7ed5c5
```
#7ed5c5 rgb(126,213,197)
```
#8ddacb
```
#8ddacb rgb(141,218,203)
```
#9cded2
```
#9cded2 rgb(156,222,210)
```
#abe3d9
```
#abe3d9 rgb(171,227,217)
```
#b9e8df
```
#b9e8df rgb(185,232,223)
```
#c8ede6
```
#c8ede6 rgb(200,237,230)
```
#d7f2ed
```
#d7f2ed rgb(215,242,237)
```
#e6f7f3
```
#e6f7f3 rgb(230,247,243)
```
#f4fcfa
```
#f4fcfa rgb(244,252,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575f5e is the less saturated color, while #03b392 is the most saturated one.

#575f5e
```
#575f5e rgb(87,95,94)
```
#506662
```
#506662 rgb(80,102,98)
```
#496d66
```
#496d66 rgb(73,109,102)
```
#42746b
```
#42746b rgb(66,116,107)
```
#3b7b6f
```
#3b7b6f rgb(59,123,111)
```
#348274
```
#348274 rgb(52,130,116)
```
#2d8978
```
#2d8978 rgb(45,137,120)
```
#26907c
```
#26907c rgb(38,144,124)
```
#1f9781
```
#1f9781 rgb(31,151,129)
```
#189e85
```
#189e85 rgb(24,158,133)
```
#11a58a
```
#11a58a rgb(17,165,138)
```
#0aac8e
```
#0aac8e rgb(10,172,142)
```
#03b392
```
#03b392 rgb(3,179,146)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#5f726e Atypical Achromatopsia 0.001% of the population

Dichromacy

#868178 Protanopia 1% of men
#8c7e85 Deuteranopia 1% of men
#448b95 Tritanopia 0.001% of the population

Trichromacy

#658478 Protanomaly 1% of men, 0.01% of women
#698280 Deuteranomaly 6% of men, 0.4% of women
#3b8a8b Tritanomaly 0.01% of the population

#2d8978 hex color

#2d8978 Color Information

#2d8978 Color Conversion

Color Schemes with #2d8978

Alternatives to #2d8978

#2d8978 Preview

Shades and Tints of #2d8978

Tones of #2d8978

Color Blindness Simulator