#2d5d54 hex color

In a RGB color space, hex #2d5d54 is composed of 17.6% red, 36.5% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 51.6% cyan, 0% magenta, 9.7% yellow and 63.5% black. It has a hue angle of 168.8 degrees, a saturation of 34.8% and a lightness of 27.1%. #2d5d54 color hex could be obtained by blending #5abaa8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 36
- B 33
RGB color chart
- C 52
- M 0
- Y 10
- K 64
CMYK color chart

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

The hexadecimal color #2d5d54 has RGB values of R:45, G:93, B:84 and CMYK values of C:0.52, M:0, Y:0.1, K:0.64. Its decimal value is 2973012.

Hex triplet	2d5d54	`#2d5d54`
RGB Decimal	45, 93, 84	`rgb(45,93,84)`
RGB Percent	17.6, 36.5, 32.9	`rgb(17.6%,36.5%,32.9%)`
CMYK	52, 0, 10, 64
HSL	168.8°, 34.8, 27.1	`hsl(168.8,34.8%,27.1%)`
HSV (or HSB)	168.8°, 51.6, 36.5
Web Safe	336666	`#336666`

CIE-LAB	36.035, -18.814, 0.141
XYZ	6.596, 9.026, 9.782
xyY	0.26, 0.355, 9.026
CIE-LCH	36.035, 18.814, 179.569
CIE-LUV	36.035, -20.538, 2.717
Hunter-Lab	30.044, -13.386, 1.727
Binary	00101101, 01011101, 01010100

#2d5d54
```
#2d5d54 rgb(45,93,84)
```
#5d2d36
```
#5d2d36 rgb(93,45,54)
```

Complementary Color

#2d5d3c
```
#2d5d3c rgb(45,93,60)
```
#2d5d54
```
#2d5d54 rgb(45,93,84)
```
#2d4e5d
```
#2d4e5d rgb(45,78,93)
```

Analogous Color

#5d3c2d
```
#5d3c2d rgb(93,60,45)
```
#2d5d54
```
#2d5d54 rgb(45,93,84)
```
#5d2d4e
```
#5d2d4e rgb(93,45,78)
```

Split Complementary Color

#5d542d
```
#5d542d rgb(93,84,45)
```
#2d5d54
```
#2d5d54 rgb(45,93,84)
```
#542d5d
```
#542d5d rgb(84,45,93)
```

Triadic Color

#365d2d
```
#365d2d rgb(54,93,45)
```
#2d5d54
```
#2d5d54 rgb(45,93,84)
```
#542d5d
```
#542d5d rgb(84,45,93)
```
#5d2d36
```
#5d2d36 rgb(93,45,54)
```

Tetradic Color

#142925
```
#142925 rgb(20,41,37)
```
#1c3b35
```
#1c3b35 rgb(28,59,53)
```
#254c44
```
#254c44 rgb(37,76,68)
```
#2d5d54
```
#2d5d54 rgb(45,93,84)
```
#356e64
```
#356e64 rgb(53,110,100)
```
#3e7f73
```
#3e7f73 rgb(62,127,115)
```
#469183
```
#469183 rgb(70,145,131)
```

Monochromatic Color

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

#2d5d48
```
#2d5d48 rgb(45,93,72)
```
#2d5d4c
```
#2d5d4c rgb(45,93,76)
```
#2d5d50
```
#2d5d50 rgb(45,93,80)
```
#2d5d54
```
#2d5d54 rgb(45,93,84)
```
#2d5d58
```
#2d5d58 rgb(45,93,88)
```
#2d5d5c
```
#2d5d5c rgb(45,93,92)
```
#2d5a5d
```
#2d5a5d rgb(45,90,93)
```

Similar Colors

Text with hexadecimal color #2d5d54

This text has a font color of #2d5d54.

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

#2d5d54 background color

This paragraph has a background color of #2d5d54.

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

#2d5d54 border color

This element has a border color of #2d5d54.

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

CSS codes

.text {color:#2d5d54;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#070e0c
```
#070e0c rgb(7,14,12)
```
#0d1b18
```
#0d1b18 rgb(13,27,24)
```
#132824
```
#132824 rgb(19,40,36)
```
#1a3530
```
#1a3530 rgb(26,53,48)
```
#20433c
```
#20433c rgb(32,67,60)
```
#275048
```
#275048 rgb(39,80,72)
```
#2d5d54
```
#2d5d54 rgb(45,93,84)
```
#336a60
```
#336a60 rgb(51,106,96)
```
#3a776c
```
#3a776c rgb(58,119,108)
```
#408578
```
#408578 rgb(64,133,120)
```
#479284
```
#479284 rgb(71,146,132)
```
#4d9f90
```
#4d9f90 rgb(77,159,144)
```

Shade Color Variation

#54ac9b
```
#54ac9b rgb(84,172,155)
```
#61b2a3
```
#61b2a3 rgb(97,178,163)
```
#6eb9ab
```
#6eb9ab rgb(110,185,171)
```
#7bbfb3
```
#7bbfb3 rgb(123,191,179)
```
#88c6ba
```
#88c6ba rgb(136,198,186)
```
#96ccc2
```
#96ccc2 rgb(150,204,194)
```
#a3d2ca
```
#a3d2ca rgb(163,210,202)
```
#b0d9d1
```
#b0d9d1 rgb(176,217,209)
```
#bddfd9
```
#bddfd9 rgb(189,223,217)
```
#cbe6e1
```
#cbe6e1 rgb(203,230,225)
```
#d8ece8
```
#d8ece8 rgb(216,236,232)
```
#e5f2f0
```
#e5f2f0 rgb(229,242,240)
```
#f2f9f8
```
#f2f9f8 rgb(242,249,248)
```

Tint Color Variation

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

#424847
```
#424847 rgb(66,72,71)
```
#3d4d4a
```
#3d4d4a rgb(61,77,74)
```
#38524d
```
#38524d rgb(56,82,77)
```
#325851
```
#325851 rgb(50,88,81)
```
#2d5d54
```
#2d5d54 rgb(45,93,84)
```
#286257
```
#286257 rgb(40,98,87)
```
#22685b
```
#22685b rgb(34,104,91)
```
#1d6d5e
```
#1d6d5e rgb(29,109,94)
```
#187261
```
#187261 rgb(24,114,97)
```
#127865
```
#127865 rgb(18,120,101)
```
#0d7d68
```
#0d7d68 rgb(13,125,104)
```
#08826b
```
#08826b rgb(8,130,107)
```
#03876f
```
#03876f rgb(3,135,111)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#47514f Atypical Achromatopsia 0.001% of the population

Dichromacy

#605d58 Protanopia 1% of men
#645a60 Deuteranopia 1% of men
#3d636a Tritanopia 0.001% of the population

Trichromacy

#4d5d56 Protanomaly 1% of men, 0.01% of women
#505b5b Deuteranomaly 6% of men, 0.4% of women
#376162 Tritanomaly 0.01% of the population

#2d5d54 hex color

#2d5d54 Color Information

#2d5d54 Color Conversion

Color Schemes with #2d5d54

Alternatives to #2d5d54

#2d5d54 Preview

Shades and Tints of #2d5d54

Tones of #2d5d54

Color Blindness Simulator