#2d7c6a hex color

In a RGB color space, hex #2d7c6a is composed of 17.6% red, 48.6% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 0% magenta, 14.5% yellow and 51.4% black. It has a hue angle of 166.3 degrees, a saturation of 46.7% and a lightness of 33.1%. #2d7c6a color hex could be obtained by blending #5af8d4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 49
- B 42
RGB color chart
- C 64
- M 0
- Y 15
- K 51
CMYK color chart

● #2d7c6a color description : Dark moderate cyan.

The hexadecimal color #2d7c6a has RGB values of R:45, G:124, B:106 and CMYK values of C:0.64, M:0, Y:0.15, K:0.51. Its decimal value is 2980970.

Hex triplet	2d7c6a	`#2d7c6a`
RGB Decimal	45, 124, 106	`rgb(45,124,106)`
RGB Percent	17.6, 48.6, 41.6	`rgb(17.6%,48.6%,41.6%)`
CMYK	64, 0, 15, 51
HSL	166.3°, 46.7, 33.1	`hsl(166.3,46.7%,33.1%)`
HSV (or HSB)	166.3°, 63.7, 48.6
Web Safe	336666	`#336666`

CIE-LAB	46.991, -28.664, 2.733
XYZ	10.89, 16.013, 16.152
xyY	0.253, 0.372, 16.013
CIE-LCH	46.991, 28.794, 174.553
CIE-LUV	46.991, -32.017, 7.813
Hunter-Lab	40.016, -21.449, 4.08
Binary	00101101, 01111100, 01101010

#2d7c6a
```
#2d7c6a rgb(45,124,106)
```
#7c2d3f
```
#7c2d3f rgb(124,45,63)
```

Complementary Color

#2d7c43
```
#2d7c43 rgb(45,124,67)
```
#2d7c6a
```
#2d7c6a rgb(45,124,106)
```
#2d677c
```
#2d677c rgb(45,103,124)
```

Analogous Color

#7c432d
```
#7c432d rgb(124,67,45)
```
#2d7c6a
```
#2d7c6a rgb(45,124,106)
```
#7c2d67
```
#7c2d67 rgb(124,45,103)
```

Split Complementary Color

#7c6a2d
```
#7c6a2d rgb(124,106,45)
```
#2d7c6a
```
#2d7c6a rgb(45,124,106)
```
#6a2d7c
```
#6a2d7c rgb(106,45,124)
```

Triadic Color

#3f7c2d
```
#3f7c2d rgb(63,124,45)
```
#2d7c6a
```
#2d7c6a rgb(45,124,106)
```
#6a2d7c
```
#6a2d7c rgb(106,45,124)
```
#7c2d3f
```
#7c2d3f rgb(124,45,63)
```

Tetradic Color

#19443a
```
#19443a rgb(25,68,58)
```
#1f574a
```
#1f574a rgb(31,87,74)
```
#26695a
```
#26695a rgb(38,105,90)
```
#2d7c6a
```
#2d7c6a rgb(45,124,106)
```
#348f7a
```
#348f7a rgb(52,143,122)
```
#3ba18a
```
#3ba18a rgb(59,161,138)
```
#41b49a
```
#41b49a rgb(65,180,154)
```

Monochromatic Color

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

#2d7c56
```
#2d7c56 rgb(45,124,86)
```
#2d7c5d
```
#2d7c5d rgb(45,124,93)
```
#2d7c63
```
#2d7c63 rgb(45,124,99)
```
#2d7c6a
```
#2d7c6a rgb(45,124,106)
```
#2d7c71
```
#2d7c71 rgb(45,124,113)
```
#2d7c77
```
#2d7c77 rgb(45,124,119)
```
#2d7a7c
```
#2d7a7c rgb(45,122,124)
```

Similar Colors

Text with hexadecimal color #2d7c6a

This text has a font color of #2d7c6a.

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

#2d7c6a background color

This paragraph has a background color of #2d7c6a.

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

#2d7c6a border color

This element has a border color of #2d7c6a.

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

CSS codes

.text {color:#2d7c6a;}

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

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

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

#030908
```
#030908 rgb(3,9,8)
```
#081714
```
#081714 rgb(8,23,20)
```
#0e2620
```
#0e2620 rgb(14,38,32)
```
#13342c
```
#13342c rgb(19,52,44)
```
#184239
```
#184239 rgb(24,66,57)
```
#1d5145
```
#1d5145 rgb(29,81,69)
```
#235f51
```
#235f51 rgb(35,95,81)
```
#286e5e
```
#286e5e rgb(40,110,94)
```
#2d7c6a
```
#2d7c6a rgb(45,124,106)
```
#328a76
```
#328a76 rgb(50,138,118)
```
#379983
```
#379983 rgb(55,153,131)
```
#3da78f
```
#3da78f rgb(61,167,143)
```
#42b69b
```
#42b69b rgb(66,182,155)
```

Shade Color Variation

#4dbea4
```
#4dbea4 rgb(77,190,164)
```
#5bc4ac
```
#5bc4ac rgb(91,196,172)
```
#6ac9b3
```
#6ac9b3 rgb(106,201,179)
```
#78ceba
```
#78ceba rgb(120,206,186)
```
#86d3c2
```
#86d3c2 rgb(134,211,194)
```
#95d8c9
```
#95d8c9 rgb(149,216,201)
```
#a3ded0
```
#a3ded0 rgb(163,222,208)
```
#b2e3d8
```
#b2e3d8 rgb(178,227,216)
```
#c0e8df
```
#c0e8df rgb(192,232,223)
```
#ceede6
```
#ceede6 rgb(206,237,230)
```
#ddf3ee
```
#ddf3ee rgb(221,243,238)
```
#ebf8f5
```
#ebf8f5 rgb(235,248,245)
```
#f9fdfc
```
#f9fdfc rgb(249,253,252)
```

Tint Color Variation

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

#545555
```
#545555 rgb(84,85,85)
```
#4e5c58
```
#4e5c58 rgb(78,92,88)
```
#47625c
```
#47625c rgb(71,98,92)
```
#41695f
```
#41695f rgb(65,105,95)
```
#3a6f63
```
#3a6f63 rgb(58,111,99)
```
#347666
```
#347666 rgb(52,118,102)
```
#2d7c6a
```
#2d7c6a rgb(45,124,106)
```
#27836e
```
#27836e rgb(39,131,110)
```
#208971
```
#208971 rgb(32,137,113)
```
#1a9075
```
#1a9075 rgb(26,144,117)
```
#139678
```
#139678 rgb(19,150,120)
```
#0d9d7c
```
#0d9d7c rgb(13,157,124)
```
#06a37f
```
#06a37f rgb(6,163,127)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#576764 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b766b Protanopia 1% of men
#817377 Deuteranopia 1% of men
#427f88 Tritanopia 0.001% of the population

Trichromacy

#5f786b Protanomaly 1% of men, 0.01% of women
#627672 Deuteranomaly 6% of men, 0.4% of women
#3a7e7d Tritanomaly 0.01% of the population

#2d7c6a hex color

#2d7c6a Color Information

#2d7c6a Color Conversion

Color Schemes with #2d7c6a

Alternatives to #2d7c6a

#2d7c6a Preview

Shades and Tints of #2d7c6a

Tones of #2d7c6a

Color Blindness Simulator