#2d7b74 hex color

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

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

● #2d7b74 color description : Dark moderate cyan.

The hexadecimal color #2d7b74 has RGB values of R:45, G:123, B:116 and CMYK values of C:0.63, M:0, Y:0.06, K:0.52. Its decimal value is 2980724.

Hex triplet	2d7b74	`#2d7b74`
RGB Decimal	45, 123, 116	`rgb(45,123,116)`
RGB Percent	17.6, 48.2, 45.5	`rgb(17.6%,48.2%,45.5%)`
CMYK	63, 0, 6, 52
HSL	174.6°, 46.4, 32.9	`hsl(174.6,46.4%,32.9%)`
HSV (or HSB)	174.6°, 63.4, 48.2
Web Safe	336666	`#336666`

CIE-LAB	46.953, -25.373, -3.243
XYZ	11.317, 15.984, 19.011
xyY	0.244, 0.345, 15.984
CIE-LCH	46.953, 25.579, 187.284
CIE-LUV	46.953, -31.083, -0.878
Hunter-Lab	39.98, -19.439, -0.207
Binary	00101101, 01111011, 01110100

#2d7b74
```
#2d7b74 rgb(45,123,116)
```
#7b2d34
```
#7b2d34 rgb(123,45,52)
```

Complementary Color

#2d7b4d
```
#2d7b4d rgb(45,123,77)
```
#2d7b74
```
#2d7b74 rgb(45,123,116)
```
#2d5b7b
```
#2d5b7b rgb(45,91,123)
```

Analogous Color

#7b4d2d
```
#7b4d2d rgb(123,77,45)
```
#2d7b74
```
#2d7b74 rgb(45,123,116)
```
#7b2d5b
```
#7b2d5b rgb(123,45,91)
```

Split Complementary Color

#7b742d
```
#7b742d rgb(123,116,45)
```
#2d7b74
```
#2d7b74 rgb(45,123,116)
```
#742d7b
```
#742d7b rgb(116,45,123)
```

Triadic Color

#347b2d
```
#347b2d rgb(52,123,45)
```
#2d7b74
```
#2d7b74 rgb(45,123,116)
```
#742d7b
```
#742d7b rgb(116,45,123)
```
#7b2d34
```
#7b2d34 rgb(123,45,52)
```

Tetradic Color

#19433f
```
#19433f rgb(25,67,63)
```
#1f5651
```
#1f5651 rgb(31,86,81)
```
#266862
```
#266862 rgb(38,104,98)
```
#2d7b74
```
#2d7b74 rgb(45,123,116)
```
#348e86
```
#348e86 rgb(52,142,134)
```
#3ba097
```
#3ba097 rgb(59,160,151)
```
#41b3a9
```
#41b3a9 rgb(65,179,169)
```

Monochromatic Color

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

#2d7b60
```
#2d7b60 rgb(45,123,96)
```
#2d7b67
```
#2d7b67 rgb(45,123,103)
```
#2d7b6e
```
#2d7b6e rgb(45,123,110)
```
#2d7b74
```
#2d7b74 rgb(45,123,116)
```
#2d7b7b
```
#2d7b7b rgb(45,123,123)
```
#2d757b
```
#2d757b rgb(45,117,123)
```
#2d6f7b
```
#2d6f7b rgb(45,111,123)
```

Similar Colors

Text with hexadecimal color #2d7b74

This text has a font color of #2d7b74.

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

#2d7b74 background color

This paragraph has a background color of #2d7b74.

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

#2d7b74 border color

This element has a border color of #2d7b74.

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

CSS codes

.text {color:#2d7b74;}

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

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

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

#030808
```
#030808 rgb(3,8,8)
```
#081615
```
#081615 rgb(8,22,21)
```
#0d2523
```
#0d2523 rgb(13,37,35)
```
#133330
```
#133330 rgb(19,51,48)
```
#18423e
```
#18423e rgb(24,66,62)
```
#1d504b
```
#1d504b rgb(29,80,75)
```
#225e59
```
#225e59 rgb(34,94,89)
```
#286d66
```
#286d66 rgb(40,109,102)
```
#2d7b74
```
#2d7b74 rgb(45,123,116)
```
#328982
```
#328982 rgb(50,137,130)
```
#38988f
```
#38988f rgb(56,152,143)
```
#3da69d
```
#3da69d rgb(61,166,157)
```
#42b4aa
```
#42b4aa rgb(66,180,170)
```

Shade Color Variation

#4cbeb4
```
#4cbeb4 rgb(76,190,180)
```
#5bc3ba
```
#5bc3ba rgb(91,195,186)
```
#69c8c0
```
#69c8c0 rgb(105,200,192)
```
#77cdc6
```
#77cdc6 rgb(119,205,198)
```
#86d3cc
```
#86d3cc rgb(134,211,204)
```
#94d8d2
```
#94d8d2 rgb(148,216,210)
```
#a3ddd8
```
#a3ddd8 rgb(163,221,216)
```
#b1e2de
```
#b1e2de rgb(177,226,222)
```
#bfe8e4
```
#bfe8e4 rgb(191,232,228)
```
#ceedea
```
#ceedea rgb(206,237,234)
```
#dcf2f0
```
#dcf2f0 rgb(220,242,240)
```
#eaf7f6
```
#eaf7f6 rgb(234,247,246)
```
#f9fdfc
```
#f9fdfc rgb(249,253,252)
```

Tint Color Variation

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

#545454
```
#545454 rgb(84,84,84)
```
#4d5b59
```
#4d5b59 rgb(77,91,89)
```
#47615f
```
#47615f rgb(71,97,95)
```
#406864
```
#406864 rgb(64,104,100)
```
#3a6e69
```
#3a6e69 rgb(58,110,105)
```
#33756f
```
#33756f rgb(51,117,111)
```
#2d7b74
```
#2d7b74 rgb(45,123,116)
```
#278179
```
#278179 rgb(39,129,121)
```
#20887f
```
#20887f rgb(32,136,127)
```
#1a8e84
```
#1a8e84 rgb(26,142,132)
```
#139589
```
#139589 rgb(19,149,137)
```
#0d9b8f
```
#0d9b8f rgb(13,155,143)
```
#06a294
```
#06a294 rgb(6,162,148)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#586866 Atypical Achromatopsia 0.001% of the population

Dichromacy

#797675 Protanopia 1% of men
#7d7380 Deuteranopia 1% of men
#3f7f89 Tritanopia 0.001% of the population

Trichromacy

#5d7774 Protanomaly 1% of men, 0.01% of women
#60767b Deuteranomaly 6% of men, 0.4% of women
#387e81 Tritanomaly 0.01% of the population

#2d7b74 hex color

#2d7b74 Color Information

#2d7b74 Color Conversion

Color Schemes with #2d7b74

Alternatives to #2d7b74

#2d7b74 Preview

Shades and Tints of #2d7b74

Tones of #2d7b74

Color Blindness Simulator