#2d7b60 hex color

In a RGB color space, hex #2d7b60 is composed of 17.6% red, 48.2% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 0% magenta, 22% yellow and 51.8% black. It has a hue angle of 159.2 degrees, a saturation of 46.4% and a lightness of 32.9%. #2d7b60 color hex could be obtained by blending #5af6c0 with #000000. Closest websafe color is: #336666.

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

● #2d7b60 color description : Dark moderate cyan - lime green.

The hexadecimal color #2d7b60 has RGB values of R:45, G:123, B:96 and CMYK values of C:0.63, M:0, Y:0.22, K:0.52. Its decimal value is 2980704.

Hex triplet	2d7b60	`#2d7b60`
RGB Decimal	45, 123, 96	`rgb(45,123,96)`
RGB Percent	17.6, 48.2, 37.6	`rgb(17.6%,48.2%,37.6%)`
CMYK	63, 0, 22, 52
HSL	159.2°, 46.4, 32.9	`hsl(159.2,46.4%,32.9%)`
HSV (or HSB)	159.2°, 63.4, 48.2
Web Safe	336666	`#336666`

CIE-LAB	46.402, -30.781, 7.789
XYZ	10.276, 15.567, 13.529
xyY	0.261, 0.395, 15.567
CIE-LCH	46.402, 31.751, 165.8
CIE-LUV	46.402, -32.153, 14.688
Hunter-Lab	39.456, -22.559, 7.289
Binary	00101101, 01111011, 01100000

#2d7b60
```
#2d7b60 rgb(45,123,96)
```
#7b2d48
```
#7b2d48 rgb(123,45,72)
```

Complementary Color

#2d7b39
```
#2d7b39 rgb(45,123,57)
```
#2d7b60
```
#2d7b60 rgb(45,123,96)
```
#2d6f7b
```
#2d6f7b rgb(45,111,123)
```

Analogous Color

#7b392d
```
#7b392d rgb(123,57,45)
```
#2d7b60
```
#2d7b60 rgb(45,123,96)
```
#7b2d6f
```
#7b2d6f rgb(123,45,111)
```

Split Complementary Color

#7b602d
```
#7b602d rgb(123,96,45)
```
#2d7b60
```
#2d7b60 rgb(45,123,96)
```
#602d7b
```
#602d7b rgb(96,45,123)
```

Triadic Color

#487b2d
```
#487b2d rgb(72,123,45)
```
#2d7b60
```
#2d7b60 rgb(45,123,96)
```
#602d7b
```
#602d7b rgb(96,45,123)
```
#7b2d48
```
#7b2d48 rgb(123,45,72)
```

Tetradic Color

#194334
```
#194334 rgb(25,67,52)
```
#1f5643
```
#1f5643 rgb(31,86,67)
```
#266851
```
#266851 rgb(38,104,81)
```
#2d7b60
```
#2d7b60 rgb(45,123,96)
```
#348e6f
```
#348e6f rgb(52,142,111)
```
#3ba07d
```
#3ba07d rgb(59,160,125)
```
#41b38c
```
#41b38c rgb(65,179,140)
```

Monochromatic Color

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

#2d7b4d
```
#2d7b4d rgb(45,123,77)
```
#2d7b53
```
#2d7b53 rgb(45,123,83)
```
#2d7b5a
```
#2d7b5a rgb(45,123,90)
```
#2d7b60
```
#2d7b60 rgb(45,123,96)
```
#2d7b67
```
#2d7b67 rgb(45,123,103)
```
#2d7b6d
```
#2d7b6d rgb(45,123,109)
```
#2d7b74
```
#2d7b74 rgb(45,123,116)
```

Similar Colors

Text with hexadecimal color #2d7b60

This text has a font color of #2d7b60.

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

#2d7b60 background color

This paragraph has a background color of #2d7b60.

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

#2d7b60 border color

This element has a border color of #2d7b60.

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

CSS codes

.text {color:#2d7b60;}

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

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

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

#030806
```
#030806 rgb(3,8,6)
```
#081612
```
#081612 rgb(8,22,18)
```
#0d251d
```
#0d251d rgb(13,37,29)
```
#133328
```
#133328 rgb(19,51,40)
```
#184233
```
#184233 rgb(24,66,51)
```
#1d503e
```
#1d503e rgb(29,80,62)
```
#225e4a
```
#225e4a rgb(34,94,74)
```
#286d55
```
#286d55 rgb(40,109,85)
```
#2d7b60
```
#2d7b60 rgb(45,123,96)
```
#32896b
```
#32896b rgb(50,137,107)
```
#389876
```
#389876 rgb(56,152,118)
```
#3da682
```
#3da682 rgb(61,166,130)
```
#42b48d
```
#42b48d rgb(66,180,141)
```

Shade Color Variation

#4cbe96
```
#4cbe96 rgb(76,190,150)
```
#5bc39f
```
#5bc39f rgb(91,195,159)
```
#69c8a7
```
#69c8a7 rgb(105,200,167)
```
#77cdb0
```
#77cdb0 rgb(119,205,176)
```
#86d3b8
```
#86d3b8 rgb(134,211,184)
```
#94d8c0
```
#94d8c0 rgb(148,216,192)
```
#a3ddc9
```
#a3ddc9 rgb(163,221,201)
```
#b1e2d1
```
#b1e2d1 rgb(177,226,209)
```
#bfe8da
```
#bfe8da rgb(191,232,218)
```
#ceede2
```
#ceede2 rgb(206,237,226)
```
#dcf2eb
```
#dcf2eb rgb(220,242,235)
```
#eaf7f3
```
#eaf7f3 rgb(234,247,243)
```
#f9fdfb
```
#f9fdfb rgb(249,253,251)
```

Tint Color Variation

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

#545454
```
#545454 rgb(84,84,84)
```
#4d5b56
```
#4d5b56 rgb(77,91,86)
```
#476158
```
#476158 rgb(71,97,88)
```
#40685a
```
#40685a rgb(64,104,90)
```
#3a6e5c
```
#3a6e5c rgb(58,110,92)
```
#33755e
```
#33755e rgb(51,117,94)
```
#2d7b60
```
#2d7b60 rgb(45,123,96)
```
#278162
```
#278162 rgb(39,129,98)
```
#208864
```
#208864 rgb(32,136,100)
```
#1a8e66
```
#1a8e66 rgb(26,142,102)
```
#139568
```
#139568 rgb(19,149,104)
```
#0d9b6a
```
#0d9b6a rgb(13,155,106)
```
#06a26c
```
#06a26c rgb(6,162,108)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#576661 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7562 Protanopia 1% of men
#83716d Deuteranopia 1% of men
#457d86 Tritanopia 0.001% of the population

Trichromacy

#5f7761 Protanomaly 1% of men, 0.01% of women
#637568 Deuteranomaly 6% of men, 0.4% of women
#3c7c78 Tritanomaly 0.01% of the population

#2d7b60 hex color

#2d7b60 Color Information

#2d7b60 Color Conversion

Color Schemes with #2d7b60

Alternatives to #2d7b60

#2d7b60 Preview

Shades and Tints of #2d7b60

Tones of #2d7b60

Color Blindness Simulator