#3b5660 hex color

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

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

● #3b5660 color description : Very dark desaturated blue.

The hexadecimal color #3b5660 has RGB values of R:59, G:86, B:96 and CMYK values of C:0.39, M:0.1, Y:0, K:0.62. Its decimal value is 3888736.

Hex triplet	3b5660	`#3b5660`
RGB Decimal	59, 86, 96	`rgb(59,86,96)`
RGB Percent	23.1, 33.7, 37.6	`rgb(23.1%,33.7%,37.6%)`
CMYK	39, 10, 0, 62
HSL	196.2°, 23.9, 30.4	`hsl(196.2,23.9%,30.4%)`
HSV (or HSB)	196.2°, 38.5, 37.6
Web Safe	336666	`#336666`

CIE-LAB	34.862, -7.259, -9.018
XYZ	7.242, 8.43, 12.311
xyY	0.259, 0.301, 8.43
CIE-LCH	34.862, 11.577, 231.166
CIE-LUV	34.862, -12.714, -10.734
Hunter-Lab	29.034, -6.284, -4.817
Binary	00111011, 01010110, 01100000

#3b5660
```
#3b5660 rgb(59,86,96)
```
#60453b
```
#60453b rgb(96,69,59)
```

Complementary Color

#3b6058
```
#3b6058 rgb(59,96,88)
```
#3b5660
```
#3b5660 rgb(59,86,96)
```
#3b4460
```
#3b4460 rgb(59,68,96)
```

Analogous Color

#60583b
```
#60583b rgb(96,88,59)
```
#3b5660
```
#3b5660 rgb(59,86,96)
```
#603b44
```
#603b44 rgb(96,59,68)
```

Split Complementary Color

#56603b
```
#56603b rgb(86,96,59)
```
#3b5660
```
#3b5660 rgb(59,86,96)
```
#603b56
```
#603b56 rgb(96,59,86)
```

Triadic Color

#3b6045
```
#3b6045 rgb(59,96,69)
```
#3b5660
```
#3b5660 rgb(59,86,96)
```
#603b56
```
#603b56 rgb(96,59,86)
```
#60453b
```
#60453b rgb(96,69,59)
```

Tetradic Color

#1e2c31
```
#1e2c31 rgb(30,44,49)
```
#283a40
```
#283a40 rgb(40,58,64)
```
#314850
```
#314850 rgb(49,72,80)
```
#3b5660
```
#3b5660 rgb(59,86,96)
```
#456470
```
#456470 rgb(69,100,112)
```
#4e7280
```
#4e7280 rgb(78,114,128)
```
#58808f
```
#58808f rgb(88,128,143)
```

Monochromatic Color

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

#3b5f60
```
#3b5f60 rgb(59,95,96)
```
#3b5c60
```
#3b5c60 rgb(59,92,96)
```
#3b5960
```
#3b5960 rgb(59,89,96)
```
#3b5660
```
#3b5660 rgb(59,86,96)
```
#3b5360
```
#3b5360 rgb(59,83,96)
```
#3b5060
```
#3b5060 rgb(59,80,96)
```
#3b4d60
```
#3b4d60 rgb(59,77,96)
```

Similar Colors

Text with hexadecimal color #3b5660

This text has a font color of #3b5660.

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

#3b5660 background color

This paragraph has a background color of #3b5660.

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

#3b5660 border color

This element has a border color of #3b5660.

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

CSS codes

.text {color:#3b5660;}

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

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

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)
```
#0e1517
```
#0e1517 rgb(14,21,23)
```
#162023
```
#162023 rgb(22,32,35)
```
#1d2a2f
```
#1d2a2f rgb(29,42,47)
```
#25353c
```
#25353c rgb(37,53,60)
```
#2c4048
```
#2c4048 rgb(44,64,72)
```
#344b54
```
#344b54 rgb(52,75,84)
```
#3b5660
```
#3b5660 rgb(59,86,96)
```
#42616c
```
#42616c rgb(66,97,108)
```
#4a6c78
```
#4a6c78 rgb(74,108,120)
```
#517784
```
#517784 rgb(81,119,132)
```
#598291
```
#598291 rgb(89,130,145)
```
#608c9d
```
#608c9d rgb(96,140,157)
```

Shade Color Variation

#6c95a5
```
#6c95a5 rgb(108,149,165)
```
#789eac
```
#789eac rgb(120,158,172)
```
#84a7b4
```
#84a7b4 rgb(132,167,180)
```
#90b0bb
```
#90b0bb rgb(144,176,187)
```
#9db8c3
```
#9db8c3 rgb(157,184,195)
```
#a9c1ca
```
#a9c1ca rgb(169,193,202)
```
#b5cad1
```
#b5cad1 rgb(181,202,209)
```
#c1d2d9
```
#c1d2d9 rgb(193,210,217)
```
#cddbe0
```
#cddbe0 rgb(205,219,224)
```
#d9e4e8
```
#d9e4e8 rgb(217,228,232)
```
#e6edef
```
#e6edef rgb(230,237,239)
```
#f2f5f7
```
#f2f5f7 rgb(242,245,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 #056f96 is the most saturated one.

#4d4e4e
```
#4d4e4e rgb(77,78,78)
```
#475154
```
#475154 rgb(71,81,84)
```
#41535a
```
#41535a rgb(65,83,90)
```
#3b5660
```
#3b5660 rgb(59,86,96)
```
#355966
```
#355966 rgb(53,89,102)
```
#2f5b6c
```
#2f5b6c rgb(47,91,108)
```
#295e72
```
#295e72 rgb(41,94,114)
```
#236178
```
#236178 rgb(35,97,120)
```
#1d647e
```
#1d647e rgb(29,100,126)
```
#176684
```
#176684 rgb(23,102,132)
```
#11698a
```
#11698a rgb(17,105,138)
```
#0b6c90
```
#0b6c90 rgb(11,108,144)
```
#056f96
```
#056f96 rgb(5,111,150)
```

Tone Color Variation

Below, you can see how #3b5660 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
#4b5052 Atypical Achromatopsia 0.001% of the population

Dichromacy

#595a65 Protanopia 1% of men
#5b596a Deuteranopia 1% of men
#445f66 Tritanopia 0.001% of the population

Trichromacy

#4e5863 Protanomaly 1% of men, 0.01% of women
#4f5766 Deuteranomaly 6% of men, 0.4% of women
#415b63 Tritanomaly 0.01% of the population

#3b5660 hex color

#3b5660 Color Information

#3b5660 Color Conversion

Color Schemes with #3b5660

Alternatives to #3b5660

#3b5660 Preview

Shades and Tints of #3b5660

Tones of #3b5660

Color Blindness Simulator