#2d7577 hex color

In a RGB color space, hex #2d7577 is composed of 17.6% red, 45.9% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 1.7% magenta, 0% yellow and 53.3% black. It has a hue angle of 181.6 degrees, a saturation of 45.1% and a lightness of 32.2%. #2d7577 color hex could be obtained by blending #5aeaee with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 46
- B 47
RGB color chart
- C 62
- M 2
- Y 0
- K 53
CMYK color chart

● #2d7577 color description : Dark moderate cyan.

The hexadecimal color #2d7577 has RGB values of R:45, G:117, B:119 and CMYK values of C:0.62, M:0.02, Y:0, K:0.53. Its decimal value is 2979191.

Hex triplet	2d7577	`#2d7577`
RGB Decimal	45, 117, 119	`rgb(45,117,119)`
RGB Percent	17.6, 45.9, 46.7	`rgb(17.6%,45.9%,46.7%)`
CMYK	62, 2, 0, 53
HSL	181.6°, 45.1, 32.2	`hsl(181.6,45.1%,32.2%)`
HSV (or HSB)	181.6°, 62.2, 46.7
Web Safe	336666	`#336666`

CIE-LAB	45.097, -21.382, -7.786
XYZ	10.772, 14.612, 19.704
xyY	0.239, 0.324, 14.612
CIE-LCH	45.097, 22.756, 200.008
CIE-LUV	45.097, -28.594, -7.855
Hunter-Lab	38.225, -16.59, -3.805
Binary	00101101, 01110101, 01110111

#2d7577
```
#2d7577 rgb(45,117,119)
```
#772f2d
```
#772f2d rgb(119,47,45)
```

Complementary Color

#2d7754
```
#2d7754 rgb(45,119,84)
```
#2d7577
```
#2d7577 rgb(45,117,119)
```
#2d5077
```
#2d5077 rgb(45,80,119)
```

Analogous Color

#77542d
```
#77542d rgb(119,84,45)
```
#2d7577
```
#2d7577 rgb(45,117,119)
```
#772d50
```
#772d50 rgb(119,45,80)
```

Split Complementary Color

#75772d
```
#75772d rgb(117,119,45)
```
#2d7577
```
#2d7577 rgb(45,117,119)
```
#772d75
```
#772d75 rgb(119,45,117)
```

Triadic Color

#2d772f
```
#2d772f rgb(45,119,47)
```
#2d7577
```
#2d7577 rgb(45,117,119)
```
#772d75
```
#772d75 rgb(119,45,117)
```
#772f2d
```
#772f2d rgb(119,47,45)
```

Tetradic Color

#183e3f
```
#183e3f rgb(24,62,63)
```
#1f5152
```
#1f5152 rgb(31,81,82)
```
#266364
```
#266364 rgb(38,99,100)
```
#2d7577
```
#2d7577 rgb(45,117,119)
```
#34878a
```
#34878a rgb(52,135,138)
```
#3b999c
```
#3b999c rgb(59,153,156)
```
#42acaf
```
#42acaf rgb(66,172,175)
```

Monochromatic Color

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

#2d7767
```
#2d7767 rgb(45,119,103)
```
#2d776d
```
#2d776d rgb(45,119,109)
```
#2d7773
```
#2d7773 rgb(45,119,115)
```
#2d7577
```
#2d7577 rgb(45,117,119)
```
#2d6f77
```
#2d6f77 rgb(45,111,119)
```
#2d6977
```
#2d6977 rgb(45,105,119)
```
#2d6377
```
#2d6377 rgb(45,99,119)
```

Similar Colors

Text with hexadecimal color #2d7577

This text has a font color of #2d7577.

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

#2d7577 background color

This paragraph has a background color of #2d7577.

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

#2d7577 border color

This element has a border color of #2d7577.

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

CSS codes

.text {color:#2d7577;}

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

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

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

#020505
```
#020505 rgb(2,5,5)
```
#071313
```
#071313 rgb(7,19,19)
```
#0d2122
```
#0d2122 rgb(13,33,34)
```
#122f30
```
#122f30 rgb(18,47,48)
```
#173d3e
```
#173d3e rgb(23,61,62)
```
#1d4b4c
```
#1d4b4c rgb(29,75,76)
```
#22595b
```
#22595b rgb(34,89,91)
```
#286769
```
#286769 rgb(40,103,105)
```
#2d7577
```
#2d7577 rgb(45,117,119)
```
#328385
```
#328385 rgb(50,131,133)
```
#389193
```
#389193 rgb(56,145,147)
```
#3d9fa2
```
#3d9fa2 rgb(61,159,162)
```
#43adb0
```
#43adb0 rgb(67,173,176)
```

Shade Color Variation

#4bb8bb
```
#4bb8bb rgb(75,184,187)
```
#59bec0
```
#59bec0 rgb(89,190,192)
```
#68c3c6
```
#68c3c6 rgb(104,195,198)
```
#76c9cb
```
#76c9cb rgb(118,201,203)
```
#84ced1
```
#84ced1 rgb(132,206,209)
```
#92d4d6
```
#92d4d6 rgb(146,212,214)
```
#a1dadb
```
#a1dadb rgb(161,218,219)
```
#afdfe1
```
#afdfe1 rgb(175,223,225)
```
#bde5e6
```
#bde5e6 rgb(189,229,230)
```
#cbebeb
```
#cbebeb rgb(203,235,235)
```
#d9f0f1
```
#d9f0f1 rgb(217,240,241)
```
#e8f6f6
```
#e8f6f6 rgb(232,246,246)
```
#f6fbfc
```
#f6fbfc rgb(246,251,252)
```

Tint Color Variation

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

#4d5757
```
#4d5757 rgb(77,87,87)
```
#465d5e
```
#465d5e rgb(70,93,94)
```
#406364
```
#406364 rgb(64,99,100)
```
#3a696a
```
#3a696a rgb(58,105,106)
```
#336f71
```
#336f71 rgb(51,111,113)
```
#2d7577
```
#2d7577 rgb(45,117,119)
```
#277b7d
```
#277b7d rgb(39,123,125)
```
#208184
```
#208184 rgb(32,129,132)
```
#1a878a
```
#1a878a rgb(26,135,138)
```
#148d90
```
#148d90 rgb(20,141,144)
```
#0d9397
```
#0d9397 rgb(13,147,151)
```
#07999d
```
#07999d rgb(7,153,157)
```
#019fa3
```
#019fa3 rgb(1,159,163)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#566465 Atypical Achromatopsia 0.001% of the population

Dichromacy

#727178 Protanopia 1% of men
#746f82 Deuteranopia 1% of men
#3b7b84 Tritanopia 0.001% of the population

Trichromacy

#597277 Protanomaly 1% of men, 0.01% of women
#5a717e Deuteranomaly 6% of men, 0.4% of women
#36787f Tritanomaly 0.01% of the population

#2d7577 hex color

#2d7577 Color Information

#2d7577 Color Conversion

Color Schemes with #2d7577

Alternatives to #2d7577

#2d7577 Preview

Shades and Tints of #2d7577

Tones of #2d7577

Color Blindness Simulator