#2d575f hex color

In a RGB color space, hex #2d575f is composed of 17.6% red, 34.1% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 52.6% cyan, 8.4% magenta, 0% yellow and 62.7% black. It has a hue angle of 189.6 degrees, a saturation of 35.7% and a lightness of 27.5%. #2d575f color hex could be obtained by blending #5aaebe with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 34
- B 37
RGB color chart
- C 53
- M 8
- Y 0
- K 63
CMYK color chart

● #2d575f color description : Very dark desaturated cyan.

The hexadecimal color #2d575f has RGB values of R:45, G:87, B:95 and CMYK values of C:0.53, M:0.08, Y:0, K:0.63. Its decimal value is 2971487.

Hex triplet	2d575f	`#2d575f`
RGB Decimal	45, 87, 95	`rgb(45,87,95)`
RGB Percent	17.6, 34.1, 37.3	`rgb(17.6%,34.1%,37.3%)`
CMYK	53, 8, 0, 63
HSL	189.6°, 35.7, 27.5	`hsl(189.6,35.7%,27.5%)`
HSV (or HSB)	189.6°, 52.6, 37.3
Web Safe	336666	`#336666`

CIE-LAB	34.396, -12.176, -9.167
XYZ	6.555, 8.2, 12.063
xyY	0.244, 0.306, 8.2
CIE-LCH	34.396, 15.241, 216.976
CIE-LUV	34.396, -17.724, -10.317
Hunter-Lab	28.636, -9.25, -4.932
Binary	00101101, 01010111, 01011111

#2d575f
```
#2d575f rgb(45,87,95)
```
#5f352d
```
#5f352d rgb(95,53,45)
```

Complementary Color

#2d5f4e
```
#2d5f4e rgb(45,95,78)
```
#2d575f
```
#2d575f rgb(45,87,95)
```
#2d3e5f
```
#2d3e5f rgb(45,62,95)
```

Analogous Color

#5f4e2d
```
#5f4e2d rgb(95,78,45)
```
#2d575f
```
#2d575f rgb(45,87,95)
```
#5f2d3e
```
#5f2d3e rgb(95,45,62)
```

Split Complementary Color

#575f2d
```
#575f2d rgb(87,95,45)
```
#2d575f
```
#2d575f rgb(45,87,95)
```
#5f2d57
```
#5f2d57 rgb(95,45,87)
```

Triadic Color

#2d5f35
```
#2d5f35 rgb(45,95,53)
```
#2d575f
```
#2d575f rgb(45,87,95)
```
#5f2d57
```
#5f2d57 rgb(95,45,87)
```
#5f352d
```
#5f352d rgb(95,53,45)
```

Tetradic Color

#14272b
```
#14272b rgb(20,39,43)
```
#1d373c
```
#1d373c rgb(29,55,60)
```
#25474e
```
#25474e rgb(37,71,78)
```
#2d575f
```
#2d575f rgb(45,87,95)
```
#356770
```
#356770 rgb(53,103,112)
```
#3d7782
```
#3d7782 rgb(61,119,130)
```
#468793
```
#468793 rgb(70,135,147)
```

Monochromatic Color

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

#2d5f5a
```
#2d5f5a rgb(45,95,90)
```
#2d5f5f
```
#2d5f5f rgb(45,95,95)
```
#2d5b5f
```
#2d5b5f rgb(45,91,95)
```
#2d575f
```
#2d575f rgb(45,87,95)
```
#2d535f
```
#2d535f rgb(45,83,95)
```
#2d4f5f
```
#2d4f5f rgb(45,79,95)
```
#2d4b5f
```
#2d4b5f rgb(45,75,95)
```

Similar Colors

Text with hexadecimal color #2d575f

This text has a font color of #2d575f.

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

#2d575f background color

This paragraph has a background color of #2d575f.

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

#2d575f border color

This element has a border color of #2d575f.

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

CSS codes

.text {color:#2d575f;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#070e0f
```
#070e0f rgb(7,14,15)
```
#0d1a1c
```
#0d1a1c rgb(13,26,28)
```
#14262a
```
#14262a rgb(20,38,42)
```
#1a3237
```
#1a3237 rgb(26,50,55)
```
#203f44
```
#203f44 rgb(32,63,68)
```
#274b52
```
#274b52 rgb(39,75,82)
```
#2d575f
```
#2d575f rgb(45,87,95)
```
#33636c
```
#33636c rgb(51,99,108)
```
#3a6f7a
```
#3a6f7a rgb(58,111,122)
```
#407c87
```
#407c87 rgb(64,124,135)
```
#468894
```
#468894 rgb(70,136,148)
```
#4d94a2
```
#4d94a2 rgb(77,148,162)
```

Shade Color Variation

#549fae
```
#549fae rgb(84,159,174)
```
#61a7b4
```
#61a7b4 rgb(97,167,180)
```
#6eaebb
```
#6eaebb rgb(110,174,187)
```
#7cb6c1
```
#7cb6c1 rgb(124,182,193)
```
#89bdc7
```
#89bdc7 rgb(137,189,199)
```
#96c5cd
```
#96c5cd rgb(150,197,205)
```
#a4ccd4
```
#a4ccd4 rgb(164,204,212)
```
#b1d3da
```
#b1d3da rgb(177,211,218)
```
#bedbe0
```
#bedbe0 rgb(190,219,224)
```
#cce2e7
```
#cce2e7 rgb(204,226,231)
```
#d9eaed
```
#d9eaed rgb(217,234,237)
```
#e6f1f3
```
#e6f1f3 rgb(230,241,243)
```
#f4f9fa
```
#f4f9fa rgb(244,249,250)
```

Tint Color Variation

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

#434849
```
#434849 rgb(67,72,73)
```
#3d4c4f
```
#3d4c4f rgb(61,76,79)
```
#385054
```
#385054 rgb(56,80,84)
```
#32535a
```
#32535a rgb(50,83,90)
```
#2d575f
```
#2d575f rgb(45,87,95)
```
#285b64
```
#285b64 rgb(40,91,100)
```
#225e6a
```
#225e6a rgb(34,94,106)
```
#1d626f
```
#1d626f rgb(29,98,111)
```
#176675
```
#176675 rgb(23,102,117)
```
#12697a
```
#12697a rgb(18,105,122)
```
#0d6d7f
```
#0d6d7f rgb(13,109,127)
```
#077185
```
#077185 rgb(7,113,133)
```
#02748a
```
#02748a rgb(2,116,138)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#454d4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#585963 Protanopia 1% of men
#59586a Deuteranopia 1% of men
#375f66 Tritanopia 0.001% of the population

Trichromacy

#485861 Protanomaly 1% of men, 0.01% of women
#495766 Deuteranomaly 6% of men, 0.4% of women
#335c63 Tritanomaly 0.01% of the population

#2d575f hex color

#2d575f Color Information

#2d575f Color Conversion

Color Schemes with #2d575f

Alternatives to #2d575f

#2d575f Preview

Shades and Tints of #2d575f

Tones of #2d575f

Color Blindness Simulator