#3b5a60 hex color

In a RGB color space, hex #3b5a60 is composed of 23.1% red, 35.3% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 38.5% cyan, 6.2% magenta, 0% yellow and 62.4% black. It has a hue angle of 189.7 degrees, a saturation of 23.9% and a lightness of 30.4%. #3b5a60 color hex could be obtained by blending #76b4c0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 35
- B 38
RGB color chart
- C 39
- M 6
- Y 0
- K 62
CMYK color chart

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

The hexadecimal color #3b5a60 has RGB values of R:59, G:90, B:96 and CMYK values of C:0.39, M:0.06, Y:0, K:0.62. Its decimal value is 3889760.

Hex triplet	3b5a60	`#3b5a60`
RGB Decimal	59, 90, 96	`rgb(59,90,96)`
RGB Percent	23.1, 35.3, 37.6	`rgb(23.1%,35.3%,37.6%)`
CMYK	39, 6, 0, 62
HSL	189.7°, 23.9, 30.4	`hsl(189.7,23.9%,30.4%)`
HSV (or HSB)	189.7°, 38.5, 37.6
Web Safe	336666	`#336666`

CIE-LAB	36.15, -9.655, -7.083
XYZ	7.571, 9.086, 12.421
xyY	0.26, 0.312, 9.086
CIE-LCH	36.15, 11.974, 216.266
CIE-LUV	36.15, -14.405, -7.918
Hunter-Lab	30.144, -7.921, -3.33
Binary	00111011, 01011010, 01100000

#3b5a60
```
#3b5a60 rgb(59,90,96)
```
#60413b
```
#60413b rgb(96,65,59)
```

Complementary Color

#3b6054
```
#3b6054 rgb(59,96,84)
```
#3b5a60
```
#3b5a60 rgb(59,90,96)
```
#3b4860
```
#3b4860 rgb(59,72,96)
```

Analogous Color

#60543b
```
#60543b rgb(96,84,59)
```
#3b5a60
```
#3b5a60 rgb(59,90,96)
```
#603b48
```
#603b48 rgb(96,59,72)
```

Split Complementary Color

#5a603b
```
#5a603b rgb(90,96,59)
```
#3b5a60
```
#3b5a60 rgb(59,90,96)
```
#603b5a
```
#603b5a rgb(96,59,90)
```

Triadic Color

#3b6041
```
#3b6041 rgb(59,96,65)
```
#3b5a60
```
#3b5a60 rgb(59,90,96)
```
#603b5a
```
#603b5a rgb(96,59,90)
```
#60413b
```
#60413b rgb(96,65,59)
```

Tetradic Color

#1e2e31
```
#1e2e31 rgb(30,46,49)
```
#283c40
```
#283c40 rgb(40,60,64)
```
#314b50
```
#314b50 rgb(49,75,80)
```
#3b5a60
```
#3b5a60 rgb(59,90,96)
```
#456970
```
#456970 rgb(69,105,112)
```
#4e7880
```
#4e7880 rgb(78,120,128)
```
#58868f
```
#58868f rgb(88,134,143)
```

Monochromatic Color

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

#3b605d
```
#3b605d rgb(59,96,93)
```
#3b6060
```
#3b6060 rgb(59,96,96)
```
#3b5d60
```
#3b5d60 rgb(59,93,96)
```
#3b5a60
```
#3b5a60 rgb(59,90,96)
```
#3b5760
```
#3b5760 rgb(59,87,96)
```
#3b5460
```
#3b5460 rgb(59,84,96)
```
#3b5160
```
#3b5160 rgb(59,81,96)
```

Similar Colors

Text with hexadecimal color #3b5a60

This text has a font color of #3b5a60.

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

#3b5a60 background color

This paragraph has a background color of #3b5a60.

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

#3b5a60 border color

This element has a border color of #3b5a60.

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

CSS codes

.text {color:#3b5a60;}

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

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

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, #070a0b is the darkest color, while #fefefe is the lightest one.

#070a0b
```
#070a0b rgb(7,10,11)
```
#0e1617
```
#0e1617 rgb(14,22,23)
```
#162123
```
#162123 rgb(22,33,35)
```
#1d2c2f
```
#1d2c2f rgb(29,44,47)
```
#25383c
```
#25383c rgb(37,56,60)
```
#2c4348
```
#2c4348 rgb(44,67,72)
```
#344f54
```
#344f54 rgb(52,79,84)
```
#3b5a60
```
#3b5a60 rgb(59,90,96)
```
#42656c
```
#42656c rgb(66,101,108)
```
#4a7178
```
#4a7178 rgb(74,113,120)
```
#517c84
```
#517c84 rgb(81,124,132)
```
#598891
```
#598891 rgb(89,136,145)
```
#60939d
```
#60939d rgb(96,147,157)
```

Shade Color Variation

#6c9ba5
```
#6c9ba5 rgb(108,155,165)
```
#78a4ac
```
#78a4ac rgb(120,164,172)
```
#84acb4
```
#84acb4 rgb(132,172,180)
```
#90b4bb
```
#90b4bb rgb(144,180,187)
```
#9dbcc3
```
#9dbcc3 rgb(157,188,195)
```
#a9c5ca
```
#a9c5ca rgb(169,197,202)
```
#b5cdd1
```
#b5cdd1 rgb(181,205,209)
```
#c1d5d9
```
#c1d5d9 rgb(193,213,217)
```
#cddde0
```
#cddde0 rgb(205,221,224)
```
#d9e6e8
```
#d9e6e8 rgb(217,230,232)
```
#e6eeef
```
#e6eeef rgb(230,238,239)
```
#f2f6f7
```
#f2f6f7 rgb(242,246,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#4d4e4e
```
#4d4e4e rgb(77,78,78)
```
#475254
```
#475254 rgb(71,82,84)
```
#41565a
```
#41565a rgb(65,86,90)
```
#3b5a60
```
#3b5a60 rgb(59,90,96)
```
#355e66
```
#355e66 rgb(53,94,102)
```
#2f626c
```
#2f626c rgb(47,98,108)
```
#296672
```
#296672 rgb(41,102,114)
```
#236a78
```
#236a78 rgb(35,106,120)
```
#1d6e7e
```
#1d6e7e rgb(29,110,126)
```
#177284
```
#177284 rgb(23,114,132)
```
#11768a
```
#11768a rgb(17,118,138)
```
#0b7a90
```
#0b7a90 rgb(11,122,144)
```
#057e96
```
#057e96 rgb(5,126,150)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4d5354 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#505c63 Protanomaly 1% of men, 0.01% of women
#525b66 Deuteranomaly 6% of men, 0.4% of women
#415f66 Tritanomaly 0.01% of the population

#3b5a60 hex color

#3b5a60 Color Information

#3b5a60 Color Conversion

Color Schemes with #3b5a60

Alternatives to #3b5a60

#3b5a60 Preview

Shades and Tints of #3b5a60

Tones of #3b5a60

Color Blindness Simulator