colorhexa.com

#2d5d5c hex color

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

- R 18
- G 36
- B 36
RGB color chart
- C 52
- M 0
- Y 1
- K 64
CMYK color chart

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

The hexadecimal color #2d5d5c has RGB values of R:45, G:93, B:92 and CMYK values of C:0.52, M:0, Y:0.01, K:0.64. Its decimal value is 2973020.

Hex triplet	2d5d5c	`#2d5d5c`
RGB Decimal	45, 93, 92	`rgb(45,93,92)`
RGB Percent	17.6, 36.5, 36.1	`rgb(17.6%,36.5%,36.1%)`
CMYK	52, 0, 1, 64
HSL	178.8°, 34.8, 27.1	`hsl(178.8,34.8%,27.1%)`
HSV (or HSB)	178.8°, 51.6, 36.5
Web Safe	336666	`#336666`

CIE-LAB	36.288, -16.521, -4.461
XYZ	6.928, 9.159, 11.527
xyY	0.251, 0.332, 9.159
CIE-LCH	36.288, 17.113, 195.112
CIE-LUV	36.288, -20.255, -3.566
Hunter-Lab	30.264, -12.1, -1.399
Binary	00101101, 01011101, 01011100

#2d5d5c
```
#2d5d5c rgb(45,93,92)
```
#5d2d2e
```
#5d2d2e rgb(93,45,46)
```

Complementary Color

#2d5d44
```
#2d5d44 rgb(45,93,68)
```
#2d5d5c
```
#2d5d5c rgb(45,93,92)
```
#2d465d
```
#2d465d rgb(45,70,93)
```

Analogous Color

#5d442d
```
#5d442d rgb(93,68,45)
```
#2d5d5c
```
#2d5d5c rgb(45,93,92)
```
#5d2d46
```
#5d2d46 rgb(93,45,70)
```

Split Complementary Color

#142929
```
#142929 rgb(20,41,41)
```
#1c3b3a
```
#1c3b3a rgb(28,59,58)
```
#254c4b
```
#254c4b rgb(37,76,75)
```
#2d5d5c
```
#2d5d5c rgb(45,93,92)
```
#356e6d
```
#356e6d rgb(53,110,109)
```
#3e7f7e
```
#3e7f7e rgb(62,127,126)
```
#46918f
```
#46918f rgb(70,145,143)
```

Monochromatic Color

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

#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)
```
#2d565d
```
#2d565d rgb(45,86,93)
```
#2d525d
```
#2d525d rgb(45,82,93)
```

Similar Colors

Text with hexadecimal color #2d5d5c

This text has a font color of #2d5d5c.

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

#2d5d5c background color

This paragraph has a background color of #2d5d5c.

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

#2d5d5c border color

This element has a border color of #2d5d5c.

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

CSS codes

.text {color:#2d5d5c;}

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

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

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 #f2f9f9 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#070e0e
```
#070e0e rgb(7,14,14)
```
#0d1b1b
```
#0d1b1b rgb(13,27,27)
```
#132828
```
#132828 rgb(19,40,40)
```
#1a3535
```
#1a3535 rgb(26,53,53)
```
#204342
```
#204342 rgb(32,67,66)
```
#27504f
```
#27504f rgb(39,80,79)
```
#2d5d5c
```
#2d5d5c rgb(45,93,92)
```
#336a69
```
#336a69 rgb(51,106,105)
```
#3a7776
```
#3a7776 rgb(58,119,118)
```
#408583
```
#408583 rgb(64,133,131)
```
#479290
```
#479290 rgb(71,146,144)
```
#4d9f9d
```
#4d9f9d rgb(77,159,157)
```

Shade Color Variation

#54acaa
```
#54acaa rgb(84,172,170)
```
#61b2b1
```
#61b2b1 rgb(97,178,177)
```
#6eb9b7
```
#6eb9b7 rgb(110,185,183)
```
#7bbfbe
```
#7bbfbe rgb(123,191,190)
```
#88c6c4
```
#88c6c4 rgb(136,198,196)
```
#96cccb
```
#96cccb rgb(150,204,203)
```
#a3d2d1
```
#a3d2d1 rgb(163,210,209)
```
#b0d9d8
```
#b0d9d8 rgb(176,217,216)
```
#bddfdf
```
#bddfdf rgb(189,223,223)
```
#cbe6e5
```
#cbe6e5 rgb(203,230,229)
```
#d8ecec
```
#d8ecec rgb(216,236,236)
```
#e5f2f2
```
#e5f2f2 rgb(229,242,242)
```
#f2f9f9
```
#f2f9f9 rgb(242,249,249)
```

Tint Color Variation

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

#424848
```
#424848 rgb(66,72,72)
```
#3d4d4d
```
#3d4d4d rgb(61,77,77)
```
#385252
```
#385252 rgb(56,82,82)
```
#325857
```
#325857 rgb(50,88,87)
```
#2d5d5c
```
#2d5d5c rgb(45,93,92)
```
#286261
```
#286261 rgb(40,98,97)
```
#226866
```
#226866 rgb(34,104,102)
```
#1d6d6b
```
#1d6d6b rgb(29,109,107)
```
#187270
```
#187270 rgb(24,114,112)
```
#127875
```
#127875 rgb(18,120,117)
```
#0d7d7b
```
#0d7d7b rgb(13,125,123)
```
#088280
```
#088280 rgb(8,130,128)
```
#038785
```
#038785 rgb(3,135,133)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#485252 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f5d60 Protanopia 1% of men
#625b67 Deuteranopia 1% of men
#3a646b Tritanopia 0.001% of the population

Trichromacy

#4c5d5e Protanomaly 1% of men, 0.01% of women
#4e5c63 Deuteranomaly 6% of men, 0.4% of women
#356165 Tritanomaly 0.01% of the population