#2d7572 hex color

In a RGB color space, hex #2d7572 is composed of 17.6% red, 45.9% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 0% magenta, 2.6% yellow and 54.1% black. It has a hue angle of 177.5 degrees, a saturation of 44.4% and a lightness of 31.8%. #2d7572 color hex could be obtained by blending #5aeae4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 46
- B 45
RGB color chart
- C 62
- M 0
- Y 3
- K 54
CMYK color chart

● #2d7572 color description : Dark moderate cyan.

The hexadecimal color #2d7572 has RGB values of R:45, G:117, B:114 and CMYK values of C:0.62, M:0, Y:0.03, K:0.54. Its decimal value is 2979186.

Hex triplet	2d7572	`#2d7572`
RGB Decimal	45, 117, 114	`rgb(45,117,114)`
RGB Percent	17.6, 45.9, 44.7	`rgb(17.6%,45.9%,44.7%)`
CMYK	62, 0, 3, 54
HSL	177.5°, 44.4, 31.8	`hsl(177.5,44.4%,31.8%)`
HSV (or HSB)	177.5°, 61.5, 45.9
Web Safe	336666	`#336666`

CIE-LAB	44.934, -22.887, -5.04
XYZ	10.48, 14.495, 18.164
xyY	0.243, 0.336, 14.495
CIE-LCH	44.934, 23.436, 192.419
CIE-LUV	44.934, -28.854, -3.729
Hunter-Lab	38.072, -17.491, -1.637
Binary	00101101, 01110101, 01110010

#2d7572
```
#2d7572 rgb(45,117,114)
```
#752d30
```
#752d30 rgb(117,45,48)
```

Complementary Color

#2d754e
```
#2d754e rgb(45,117,78)
```
#2d7572
```
#2d7572 rgb(45,117,114)
```
#2d5475
```
#2d5475 rgb(45,84,117)
```

Analogous Color

#754e2d
```
#754e2d rgb(117,78,45)
```
#2d7572
```
#2d7572 rgb(45,117,114)
```
#752d54
```
#752d54 rgb(117,45,84)
```

Split Complementary Color

#75722d
```
#75722d rgb(117,114,45)
```
#2d7572
```
#2d7572 rgb(45,117,114)
```
#722d75
```
#722d75 rgb(114,45,117)
```

Triadic Color

#30752d
```
#30752d rgb(48,117,45)
```
#2d7572
```
#2d7572 rgb(45,117,114)
```
#722d75
```
#722d75 rgb(114,45,117)
```
#752d30
```
#752d30 rgb(117,45,48)
```

Tetradic Color

#183e3c
```
#183e3c rgb(24,62,60)
```
#1f504e
```
#1f504e rgb(31,80,78)
```
#266360
```
#266360 rgb(38,99,96)
```
#2d7572
```
#2d7572 rgb(45,117,114)
```
#348784
```
#348784 rgb(52,135,132)
```
#3b9a96
```
#3b9a96 rgb(59,154,150)
```
#42aca8
```
#42aca8 rgb(66,172,168)
```

Monochromatic Color

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

#2d7560
```
#2d7560 rgb(45,117,96)
```
#2d7566
```
#2d7566 rgb(45,117,102)
```
#2d756c
```
#2d756c rgb(45,117,108)
```
#2d7572
```
#2d7572 rgb(45,117,114)
```
#2d7275
```
#2d7275 rgb(45,114,117)
```
#2d6c75
```
#2d6c75 rgb(45,108,117)
```
#2d6675
```
#2d6675 rgb(45,102,117)
```

Similar Colors

Text with hexadecimal color #2d7572

This text has a font color of #2d7572.

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

#2d7572 background color

This paragraph has a background color of #2d7572.

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

#2d7572 border color

This element has a border color of #2d7572.

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

CSS codes

.text {color:#2d7572;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#071211
```
#071211 rgb(7,18,17)
```
#0c201f
```
#0c201f rgb(12,32,31)
```
#122e2d
```
#122e2d rgb(18,46,45)
```
#173c3b
```
#173c3b rgb(23,60,59)
```
#1d4b49
```
#1d4b49 rgb(29,75,73)
```
#225956
```
#225956 rgb(34,89,86)
```
#286764
```
#286764 rgb(40,103,100)
```
#2d7572
```
#2d7572 rgb(45,117,114)
```
#328380
```
#328380 rgb(50,131,128)
```
#38918e
```
#38918e rgb(56,145,142)
```
#3da09b
```
#3da09b rgb(61,160,155)
```
#43aea9
```
#43aea9 rgb(67,174,169)
```

Shade Color Variation

#4bbab5
```
#4bbab5 rgb(75,186,181)
```
#59bfbb
```
#59bfbb rgb(89,191,187)
```
#67c4c1
```
#67c4c1 rgb(103,196,193)
```
#75cac6
```
#75cac6 rgb(117,202,198)
```
#83cfcc
```
#83cfcc rgb(131,207,204)
```
#91d5d2
```
#91d5d2 rgb(145,213,210)
```
#a0dad8
```
#a0dad8 rgb(160,218,216)
```
#aee0de
```
#aee0de rgb(174,224,222)
```
#bce5e3
```
#bce5e3 rgb(188,229,227)
```
#caebe9
```
#caebe9 rgb(202,235,233)
```
#d8f0ef
```
#d8f0ef rgb(216,240,239)
```
#e6f6f5
```
#e6f6f5 rgb(230,246,245)
```
#f5fbfb
```
#f5fbfb rgb(245,251,251)
```

Tint Color Variation

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

#4c5655
```
#4c5655 rgb(76,86,85)
```
#465c5b
```
#465c5b rgb(70,92,91)
```
#406261
```
#406261 rgb(64,98,97)
```
#396967
```
#396967 rgb(57,105,103)
```
#336f6c
```
#336f6c rgb(51,111,108)
```
#2d7572
```
#2d7572 rgb(45,117,114)
```
#277b78
```
#277b78 rgb(39,123,120)
```
#21817d
```
#21817d rgb(33,129,125)
```
#1a8883
```
#1a8883 rgb(26,136,131)
```
#148e89
```
#148e89 rgb(20,142,137)
```
#0e948f
```
#0e948f rgb(14,148,143)
```
#089a94
```
#089a94 rgb(8,154,148)
```
#01a19a
```
#01a19a rgb(1,161,154)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#556363 Atypical Achromatopsia 0.001% of the population

Dichromacy

#737173 Protanopia 1% of men
#766f7e Deuteranopia 1% of men
#3d7a83 Tritanopia 0.001% of the population

Trichromacy

#597272 Protanomaly 1% of men, 0.01% of women
#5b7179 Deuteranomaly 6% of men, 0.4% of women
#37787d Tritanomaly 0.01% of the population

#2d7572 hex color

#2d7572 Color Information

#2d7572 Color Conversion

Color Schemes with #2d7572

Alternatives to #2d7572

#2d7572 Preview

Shades and Tints of #2d7572

Tones of #2d7572

Color Blindness Simulator