colorhexa.com

#3d5a60 hex color

In a RGB color space, hex #3d5a60 is composed of 23.9% red, 35.3% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 36.5% cyan, 6.2% magenta, 0% yellow and 62.4% black. It has a hue angle of 190.3 degrees, a saturation of 22.3% and a lightness of 30.8%. #3d5a60 color hex could be obtained by blending #7ab4c0 with #000000. Closest websafe color is: #336666.

- R 24
- G 35
- B 38
RGB color chart
- C 36
- M 6
- Y 0
- K 62
CMYK color chart

● #3d5a60 color description : Very dark desaturated cyan.

The hexadecimal color #3d5a60 has RGB values of R:61, G:90, B:96 and CMYK values of C:0.36, M:0.06, Y:0, K:0.62. Its decimal value is 4020832.

Hex triplet	3d5a60	`#3d5a60`
RGB Decimal	61, 90, 96	`rgb(61,90,96)`
RGB Percent	23.9, 35.3, 37.6	`rgb(23.9%,35.3%,37.6%)`
CMYK	36, 6, 0, 62
HSL	190.3°, 22.3, 30.8	`hsl(190.3,22.3%,30.8%)`
HSV (or HSB)	190.3°, 36.5, 37.6
Web Safe	336666	`#336666`

CIE-LAB	36.269, -9.029, -6.893
XYZ	7.691, 9.149, 12.426
xyY	0.263, 0.313, 9.149
CIE-LCH	36.269, 11.359, 217.36
CIE-LUV	36.269, -13.665, -7.745
Hunter-Lab	30.247, -7.541, -3.185
Binary	00111101, 01011010, 01100000

#3d5a60
```
#3d5a60 rgb(61,90,96)
```
#60433d
```
#60433d rgb(96,67,61)
```

Complementary Color

#3d6055
```
#3d6055 rgb(61,96,85)
```
#3d5a60
```
#3d5a60 rgb(61,90,96)
```
#3d4960
```
#3d4960 rgb(61,73,96)
```

Analogous Color

#60553d
```
#60553d rgb(96,85,61)
```
#3d5a60
```
#3d5a60 rgb(61,90,96)
```
#603d49
```
#603d49 rgb(96,61,73)
```

Split Complementary Color

#1f2e31
```
#1f2e31 rgb(31,46,49)
```
#293d41
```
#293d41 rgb(41,61,65)
```
#334b50
```
#334b50 rgb(51,75,80)
```
#3d5a60
```
#3d5a60 rgb(61,90,96)
```
#476970
```
#476970 rgb(71,105,112)
```
#51777f
```
#51777f rgb(81,119,127)
```
#5b868f
```
#5b868f rgb(91,134,143)
```

Monochromatic Color

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

#3d605d
```
#3d605d rgb(61,96,93)
```
#3d6060
```
#3d6060 rgb(61,96,96)
```
#3d5d60
```
#3d5d60 rgb(61,93,96)
```
#3d5a60
```
#3d5a60 rgb(61,90,96)
```
#3d5760
```
#3d5760 rgb(61,87,96)
```
#3d5460
```
#3d5460 rgb(61,84,96)
```
#3d5160
```
#3d5160 rgb(61,81,96)
```

Similar Colors

Text with hexadecimal color #3d5a60

This text has a font color of #3d5a60.

<span style="color:#3d5a60;">Text here</span>

#3d5a60 background color

This paragraph has a background color of #3d5a60.

<p style="background-color:#3d5a60;">Content here</p>

#3d5a60 border color

This element has a border color of #3d5a60.

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

CSS codes

.text {color:#3d5a60;}

.background {background-color:#3d5a60;}

.border {border:1px solid #3d5a60;}

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

#000000
```
#000000 rgb(0,0,0)
```
#080b0c
```
#080b0c rgb(8,11,12)
```
#0f1718
```
#0f1718 rgb(15,23,24)
```
#172224
```
#172224 rgb(23,34,36)
```
#1f2d30
```
#1f2d30 rgb(31,45,48)
```
#26383c
```
#26383c rgb(38,56,60)
```
#2e4448
```
#2e4448 rgb(46,68,72)
```
#354f54
```
#354f54 rgb(53,79,84)
```
#3d5a60
```
#3d5a60 rgb(61,90,96)
```
#45656c
```
#45656c rgb(69,101,108)
```
#4c7078
```
#4c7078 rgb(76,112,120)
```
#547c84
```
#547c84 rgb(84,124,132)
```
#5b8790
```
#5b8790 rgb(91,135,144)
```

Shade Color Variation

#63929c
```
#63929c rgb(99,146,156)
```
#6f9ba4
```
#6f9ba4 rgb(111,155,164)
```
#7ba3ab
```
#7ba3ab rgb(123,163,171)
```
#87abb3
```
#87abb3 rgb(135,171,179)
```
#93b4ba
```
#93b4ba rgb(147,180,186)
```
#9fbcc2
```
#9fbcc2 rgb(159,188,194)
```
#abc4ca
```
#abc4ca rgb(171,196,202)
```
#b7cdd1
```
#b7cdd1 rgb(183,205,209)
```
#c3d5d9
```
#c3d5d9 rgb(195,213,217)
```
#cfdee1
```
#cfdee1 rgb(207,222,225)
```
#dbe6e8
```
#dbe6e8 rgb(219,230,232)
```
#e7eef0
```
#e7eef0 rgb(231,238,240)
```
#f3f7f7
```
#f3f7f7 rgb(243,247,247)
```

Tint Color Variation

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

#495254
```
#495254 rgb(73,82,84)
```
#43565a
```
#43565a rgb(67,86,90)
```
#3d5a60
```
#3d5a60 rgb(61,90,96)
```
#375e66
```
#375e66 rgb(55,94,102)
```
#31626c
```
#31626c rgb(49,98,108)
```
#2b6672
```
#2b6672 rgb(43,102,114)
```
#256a78
```
#256a78 rgb(37,106,120)
```
#1f6e7e
```
#1f6e7e rgb(31,110,126)
```
#197284
```
#197284 rgb(25,114,132)
```
#13768a
```
#13768a rgb(19,118,138)
```
#0d7a90
```
#0d7a90 rgb(13,122,144)
```
#077e96
```
#077e96 rgb(7,126,150)
```
#01829c
```
#01829c rgb(1,130,156)
```

Tone Color Variation

Below, you can see how #3d5a60 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

#525252 Achromatopsia 0.005% of the population
#4e5455 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d5d65 Protanopia 1% of men
#605b6a Deuteranopia 1% of men
#476269 Tritanopia 0.001% of the population

Trichromacy

#515c63 Protanomaly 1% of men, 0.01% of women
#535b66 Deuteranomaly 6% of men, 0.4% of women
#435f66 Tritanomaly 0.01% of the population