#2d7a70 hex color

In a RGB color space, hex #2d7a70 is composed of 17.6% red, 47.8% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 0% magenta, 8.2% yellow and 52.2% black. It has a hue angle of 172.2 degrees, a saturation of 46.1% and a lightness of 32.7%. #2d7a70 color hex could be obtained by blending #5af4e0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 48
- B 44
RGB color chart
- C 63
- M 0
- Y 8
- K 52
CMYK color chart

● #2d7a70 color description : Dark moderate cyan.

The hexadecimal color #2d7a70 has RGB values of R:45, G:122, B:112 and CMYK values of C:0.63, M:0, Y:0.08, K:0.52. Its decimal value is 2980464.

Hex triplet	2d7a70	`#2d7a70`
RGB Decimal	45, 122, 112	`rgb(45,122,112)`
RGB Percent	17.6, 47.8, 43.9	`rgb(17.6%,47.8%,43.9%)`
CMYK	63, 0, 8, 52
HSL	172.2°, 46.1, 32.7	`hsl(172.2,46.1%,32.7%)`
HSV (or HSB)	172.2°, 63.1, 47.8
Web Safe	336666	`#336666`

CIE-LAB	46.506, -26.018, -1.527
XYZ	10.965, 15.646, 17.77
xyY	0.247, 0.353, 15.646
CIE-LCH	46.506, 26.063, 183.36
CIE-LUV	46.506, -30.911, 1.611
Hunter-Lab	39.555, -19.737, 1.052
Binary	00101101, 01111010, 01110000

#2d7a70
```
#2d7a70 rgb(45,122,112)
```
#7a2d37
```
#7a2d37 rgb(122,45,55)
```

Complementary Color

#2d7a4a
```
#2d7a4a rgb(45,122,74)
```
#2d7a70
```
#2d7a70 rgb(45,122,112)
```
#2d5e7a
```
#2d5e7a rgb(45,94,122)
```

Analogous Color

#7a4a2d
```
#7a4a2d rgb(122,74,45)
```
#2d7a70
```
#2d7a70 rgb(45,122,112)
```
#7a2d5e
```
#7a2d5e rgb(122,45,94)
```

Split Complementary Color

#7a702d
```
#7a702d rgb(122,112,45)
```
#2d7a70
```
#2d7a70 rgb(45,122,112)
```
#702d7a
```
#702d7a rgb(112,45,122)
```

Triadic Color

#377a2d
```
#377a2d rgb(55,122,45)
```
#2d7a70
```
#2d7a70 rgb(45,122,112)
```
#702d7a
```
#702d7a rgb(112,45,122)
```
#7a2d37
```
#7a2d37 rgb(122,45,55)
```

Tetradic Color

#18423d
```
#18423d rgb(24,66,61)
```
#1f554e
```
#1f554e rgb(31,85,78)
```
#26675f
```
#26675f rgb(38,103,95)
```
#2d7a70
```
#2d7a70 rgb(45,122,112)
```
#348d81
```
#348d81 rgb(52,141,129)
```
#3b9f92
```
#3b9f92 rgb(59,159,146)
```
#42b2a3
```
#42b2a3 rgb(66,178,163)
```

Monochromatic Color

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

#2d7a5d
```
#2d7a5d rgb(45,122,93)
```
#2d7a63
```
#2d7a63 rgb(45,122,99)
```
#2d7a6a
```
#2d7a6a rgb(45,122,106)
```
#2d7a70
```
#2d7a70 rgb(45,122,112)
```
#2d7a76
```
#2d7a76 rgb(45,122,118)
```
#2d777a
```
#2d777a rgb(45,119,122)
```
#2d717a
```
#2d717a rgb(45,113,122)
```

Similar Colors

Text with hexadecimal color #2d7a70

This text has a font color of #2d7a70.

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

#2d7a70 background color

This paragraph has a background color of #2d7a70.

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

#2d7a70 border color

This element has a border color of #2d7a70.

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

CSS codes

.text {color:#2d7a70;}

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

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

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

#030707
```
#030707 rgb(3,7,7)
```
#081614
```
#081614 rgb(8,22,20)
```
#0d2421
```
#0d2421 rgb(13,36,33)
```
#13322e
```
#13322e rgb(19,50,46)
```
#18413b
```
#18413b rgb(24,65,59)
```
#1d4f49
```
#1d4f49 rgb(29,79,73)
```
#225d56
```
#225d56 rgb(34,93,86)
```
#286c63
```
#286c63 rgb(40,108,99)
```
#2d7a70
```
#2d7a70 rgb(45,122,112)
```
#32887d
```
#32887d rgb(50,136,125)
```
#38978a
```
#38978a rgb(56,151,138)
```
#3da597
```
#3da597 rgb(61,165,151)
```
#42b3a5
```
#42b3a5 rgb(66,179,165)
```

Shade Color Variation

#4cbdae
```
#4cbdae rgb(76,189,174)
```
#5ac2b5
```
#5ac2b5 rgb(90,194,181)
```
#69c8bb
```
#69c8bb rgb(105,200,187)
```
#77cdc2
```
#77cdc2 rgb(119,205,194)
```
#85d2c8
```
#85d2c8 rgb(133,210,200)
```
#94d7cf
```
#94d7cf rgb(148,215,207)
```
#a2ddd5
```
#a2ddd5 rgb(162,221,213)
```
#b0e2dc
```
#b0e2dc rgb(176,226,220)
```
#bfe7e2
```
#bfe7e2 rgb(191,231,226)
```
#cdede8
```
#cdede8 rgb(205,237,232)
```
#dbf2ef
```
#dbf2ef rgb(219,242,239)
```
#eaf7f5
```
#eaf7f5 rgb(234,247,245)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4d5a58 is the less saturated color, while #00a791 is the most saturated one.

#4d5a58
```
#4d5a58 rgb(77,90,88)
```
#47605d
```
#47605d rgb(71,96,93)
```
#406762
```
#406762 rgb(64,103,98)
```
#3a6d66
```
#3a6d66 rgb(58,109,102)
```
#33746b
```
#33746b rgb(51,116,107)
```
#2d7a70
```
#2d7a70 rgb(45,122,112)
```
#278075
```
#278075 rgb(39,128,117)
```
#20877a
```
#20877a rgb(32,135,122)
```
#1a8d7e
```
#1a8d7e rgb(26,141,126)
```
#139483
```
#139483 rgb(19,148,131)
```
#0d9a88
```
#0d9a88 rgb(13,154,136)
```
#06a18d
```
#06a18d rgb(6,161,141)
```
#00a791
```
#00a791 rgb(0,167,145)
```

Tone Color Variation

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

Dichromacy

#787571 Protanopia 1% of men
#7d727c Deuteranopia 1% of men
#407e87 Tritanopia 0.001% of the population

Trichromacy

#5d7670 Protanomaly 1% of men, 0.01% of women
#607577 Deuteranomaly 6% of men, 0.4% of women
#397c7f Tritanomaly 0.01% of the population

#2d7a70 hex color

#2d7a70 Color Information

#2d7a70 Color Conversion

Color Schemes with #2d7a70

Alternatives to #2d7a70

#2d7a70 Preview

Shades and Tints of #2d7a70

Tones of #2d7a70

Color Blindness Simulator