#2d5358 hex color

In a RGB color space, hex #2d5358 is composed of 17.6% red, 32.5% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 48.9% cyan, 5.7% magenta, 0% yellow and 65.5% black. It has a hue angle of 187 degrees, a saturation of 32.3% and a lightness of 26.1%. #2d5358 color hex could be obtained by blending #5aa6b0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 33
- B 35
RGB color chart
- C 49
- M 6
- Y 0
- K 65
CMYK color chart

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

The hexadecimal color #2d5358 has RGB values of R:45, G:83, B:88 and CMYK values of C:0.49, M:0.06, Y:0, K:0.65. Its decimal value is 2970456.

Hex triplet	2d5358	`#2d5358`
RGB Decimal	45, 83, 88	`rgb(45,83,88)`
RGB Percent	17.6, 32.5, 34.5	`rgb(17.6%,32.5%,34.5%)`
CMYK	49, 6, 0, 65
HSL	187°, 32.3, 26.1	`hsl(187,32.3%,26.1%)`
HSV (or HSB)	187°, 48.9, 34.5
Web Safe	336666	`#336666`

CIE-LAB	32.807, -11.995, -7.146
XYZ	5.936, 7.449, 10.357
xyY	0.25, 0.314, 7.449
CIE-LCH	32.807, 13.962, 210.784
CIE-LUV	32.807, -16.288, -7.516
Hunter-Lab	27.292, -8.935, -3.395
Binary	00101101, 01010011, 01011000

#2d5358
```
#2d5358 rgb(45,83,88)
```
#58322d
```
#58322d rgb(88,50,45)
```

Complementary Color

#2d5848
```
#2d5848 rgb(45,88,72)
```
#2d5358
```
#2d5358 rgb(45,83,88)
```
#2d3e58
```
#2d3e58 rgb(45,62,88)
```

Analogous Color

#58482d
```
#58482d rgb(88,72,45)
```
#2d5358
```
#2d5358 rgb(45,83,88)
```
#582d3e
```
#582d3e rgb(88,45,62)
```

Split Complementary Color

#53582d
```
#53582d rgb(83,88,45)
```
#2d5358
```
#2d5358 rgb(45,83,88)
```
#582d53
```
#582d53 rgb(88,45,83)
```

Triadic Color

#2d5832
```
#2d5832 rgb(45,88,50)
```
#2d5358
```
#2d5358 rgb(45,83,88)
```
#582d53
```
#582d53 rgb(88,45,83)
```
#58322d
```
#58322d rgb(88,50,45)
```

Tetradic Color

#132325
```
#132325 rgb(19,35,37)
```
#1c3336
```
#1c3336 rgb(28,51,54)
```
#244347
```
#244347 rgb(36,67,71)
```
#2d5358
```
#2d5358 rgb(45,83,88)
```
#366369
```
#366369 rgb(54,99,105)
```
#3e737a
```
#3e737a rgb(62,115,122)
```
#47838b
```
#47838b rgb(71,131,139)
```

Monochromatic Color

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

#2d5852
```
#2d5852 rgb(45,88,82)
```
#2d5856
```
#2d5856 rgb(45,88,86)
```
#2d5758
```
#2d5758 rgb(45,87,88)
```
#2d5358
```
#2d5358 rgb(45,83,88)
```
#2d4f58
```
#2d4f58 rgb(45,79,88)
```
#2d4c58
```
#2d4c58 rgb(45,76,88)
```
#2d4858
```
#2d4858 rgb(45,72,88)
```

Similar Colors

Text with hexadecimal color #2d5358

This text has a font color of #2d5358.

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

#2d5358 background color

This paragraph has a background color of #2d5358.

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

#2d5358 border color

This element has a border color of #2d5358.

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

CSS codes

.text {color:#2d5358;}

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

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

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, #050a0a is the darkest color, while #fcfdfe is the lightest one.

#050a0a
```
#050a0a rgb(5,10,10)
```
#0c1617
```
#0c1617 rgb(12,22,23)
```
#122224
```
#122224 rgb(18,34,36)
```
#192e31
```
#192e31 rgb(25,46,49)
```
#203b3e
```
#203b3e rgb(32,59,62)
```
#26474b
```
#26474b rgb(38,71,75)
```
#2d5358
```
#2d5358 rgb(45,83,88)
```
#345f65
```
#345f65 rgb(52,95,101)
```
#3a6b72
```
#3a6b72 rgb(58,107,114)
```
#41787f
```
#41787f rgb(65,120,127)
```
#48848c
```
#48848c rgb(72,132,140)
```
#4e9099
```
#4e9099 rgb(78,144,153)
```
#559ca6
```
#559ca6 rgb(85,156,166)
```

Shade Color Variation

#60a5ae
```
#60a5ae rgb(96,165,174)
```
#6dacb5
```
#6dacb5 rgb(109,172,181)
```
#7ab4bb
```
#7ab4bb rgb(122,180,187)
```
#87bbc2
```
#87bbc2 rgb(135,187,194)
```
#94c2c8
```
#94c2c8 rgb(148,194,200)
```
#a1cacf
```
#a1cacf rgb(161,202,207)
```
#aed1d6
```
#aed1d6 rgb(174,209,214)
```
#bbd9dc
```
#bbd9dc rgb(187,217,220)
```
#c8e0e3
```
#c8e0e3 rgb(200,224,227)
```
#d5e7ea
```
#d5e7ea rgb(213,231,234)
```
#e2eff0
```
#e2eff0 rgb(226,239,240)
```
#eff6f7
```
#eff6f7 rgb(239,246,247)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#414344
```
#414344 rgb(65,67,68)
```
#3c4749
```
#3c4749 rgb(60,71,73)
```
#374b4e
```
#374b4e rgb(55,75,78)
```
#324f53
```
#324f53 rgb(50,79,83)
```
#2d5358
```
#2d5358 rgb(45,83,88)
```
#28575d
```
#28575d rgb(40,87,93)
```
#235b62
```
#235b62 rgb(35,91,98)
```
#1e5f67
```
#1e5f67 rgb(30,95,103)
```
#19636c
```
#19636c rgb(25,99,108)
```
#136772
```
#136772 rgb(19,103,114)
```
#0e6b77
```
#0e6b77 rgb(14,107,119)
```
#096e7c
```
#096e7c rgb(9,110,124)
```
#047281
```
#047281 rgb(4,114,129)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#434a4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#55555d Protanopia 1% of men
#575463 Deuteranopia 1% of men
#385b62 Tritanopia 0.001% of the population

Trichromacy

#46545b Protanomaly 1% of men, 0.01% of women
#48535f Deuteranomaly 6% of men, 0.4% of women
#34585e Tritanomaly 0.01% of the population

#2d5358 hex color

#2d5358 Color Information

#2d5358 Color Conversion

Color Schemes with #2d5358

Alternatives to #2d5358

#2d5358 Preview

Shades and Tints of #2d5358

Tones of #2d5358

Color Blindness Simulator