#2d7571 hex color

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

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

● #2d7571 color description : Dark moderate cyan.

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

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

CIE-LAB	44.902, -23.183, -4.489
XYZ	10.423, 14.472, 17.866
xyY	0.244, 0.338, 14.472
CIE-LCH	44.902, 23.613, 190.959
CIE-LUV	44.902, -28.906, -2.911
Hunter-Lab	38.042, -17.666, -1.215
Binary	00101101, 01110101, 01110001

#2d7571
```
#2d7571 rgb(45,117,113)
```
#752d31
```
#752d31 rgb(117,45,49)
```

Complementary Color

#2d754d
```
#2d754d rgb(45,117,77)
```
#2d7571
```
#2d7571 rgb(45,117,113)
```
#2d5575
```
#2d5575 rgb(45,85,117)
```

Analogous Color

#754d2d
```
#754d2d rgb(117,77,45)
```
#2d7571
```
#2d7571 rgb(45,117,113)
```
#752d55
```
#752d55 rgb(117,45,85)
```

Split Complementary Color

#75712d
```
#75712d rgb(117,113,45)
```
#2d7571
```
#2d7571 rgb(45,117,113)
```
#712d75
```
#712d75 rgb(113,45,117)
```

Triadic Color

#31752d
```
#31752d rgb(49,117,45)
```
#2d7571
```
#2d7571 rgb(45,117,113)
```
#712d75
```
#712d75 rgb(113,45,117)
```
#752d31
```
#752d31 rgb(117,45,49)
```

Tetradic Color

#183e3c
```
#183e3c rgb(24,62,60)
```
#1f504d
```
#1f504d rgb(31,80,77)
```
#26635f
```
#26635f rgb(38,99,95)
```
#2d7571
```
#2d7571 rgb(45,117,113)
```
#348783
```
#348783 rgb(52,135,131)
```
#3b9a95
```
#3b9a95 rgb(59,154,149)
```
#42aca6
```
#42aca6 rgb(66,172,166)
```

Monochromatic Color

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

#2d755f
```
#2d755f rgb(45,117,95)
```
#2d7565
```
#2d7565 rgb(45,117,101)
```
#2d756b
```
#2d756b rgb(45,117,107)
```
#2d7571
```
#2d7571 rgb(45,117,113)
```
#2d7375
```
#2d7375 rgb(45,115,117)
```
#2d6d75
```
#2d6d75 rgb(45,109,117)
```
#2d6775
```
#2d6775 rgb(45,103,117)
```

Similar Colors

Text with hexadecimal color #2d7571

This text has a font color of #2d7571.

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

#2d7571 background color

This paragraph has a background color of #2d7571.

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

#2d7571 border color

This element has a border color of #2d7571.

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

CSS codes

.text {color:#2d7571;}

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

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

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)
```
#173c3a
```
#173c3a rgb(23,60,58)
```
#1d4b48
```
#1d4b48 rgb(29,75,72)
```
#225956
```
#225956 rgb(34,89,86)
```
#286763
```
#286763 rgb(40,103,99)
```
#2d7571
```
#2d7571 rgb(45,117,113)
```
#32837f
```
#32837f rgb(50,131,127)
```
#38918c
```
#38918c rgb(56,145,140)
```
#3da09a
```
#3da09a rgb(61,160,154)
```
#43aea8
```
#43aea8 rgb(67,174,168)
```

Shade Color Variation

#4bbab3
```
#4bbab3 rgb(75,186,179)
```
#59bfb9
```
#59bfb9 rgb(89,191,185)
```
#67c4bf
```
#67c4bf rgb(103,196,191)
```
#75cac5
```
#75cac5 rgb(117,202,197)
```
#83cfcb
```
#83cfcb rgb(131,207,203)
```
#91d5d1
```
#91d5d1 rgb(145,213,209)
```
#a0dad7
```
#a0dad7 rgb(160,218,215)
```
#aee0dd
```
#aee0dd rgb(174,224,221)
```
#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 #01a198 is the most saturated one.

#4c5655
```
#4c5655 rgb(76,86,85)
```
#465c5b
```
#465c5b rgb(70,92,91)
```
#406260
```
#406260 rgb(64,98,96)
```
#396966
```
#396966 rgb(57,105,102)
```
#336f6b
```
#336f6b rgb(51,111,107)
```
#2d7571
```
#2d7571 rgb(45,117,113)
```
#277b77
```
#277b77 rgb(39,123,119)
```
#21817c
```
#21817c rgb(33,129,124)
```
#1a8882
```
#1a8882 rgb(26,136,130)
```
#148e87
```
#148e87 rgb(20,142,135)
```
#0e948d
```
#0e948d rgb(14,148,141)
```
#089a92
```
#089a92 rgb(8,154,146)
```
#01a198
```
#01a198 rgb(1,161,152)
```

Tone Color Variation

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

#737172 Protanopia 1% of men
#776f7d Deuteranopia 1% of men
#3d7a83 Tritanopia 0.001% of the population

Trichromacy

#597271 Protanomaly 1% of men, 0.01% of women
#5c7178 Deuteranomaly 6% of men, 0.4% of women
#37787c Tritanomaly 0.01% of the population

#2d7571 hex color

#2d7571 Color Information

#2d7571 Color Conversion

Color Schemes with #2d7571

Alternatives to #2d7571

#2d7571 Preview

Shades and Tints of #2d7571

Tones of #2d7571

Color Blindness Simulator