#3b5665 hex color

In a RGB color space, hex #3b5665 is composed of 23.1% red, 33.7% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 41.6% cyan, 14.9% magenta, 0% yellow and 60.4% black. It has a hue angle of 201.4 degrees, a saturation of 26.3% and a lightness of 31.4%. #3b5665 color hex could be obtained by blending #76acca with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 34
- B 40
RGB color chart
- C 42
- M 15
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #3b5665 has RGB values of R:59, G:86, B:101 and CMYK values of C:0.42, M:0.15, Y:0, K:0.6. Its decimal value is 3888741.

Hex triplet	3b5665	`#3b5665`
RGB Decimal	59, 86, 101	`rgb(59,86,101)`
RGB Percent	23.1, 33.7, 39.6	`rgb(23.1%,33.7%,39.6%)`
CMYK	42, 15, 0, 60
HSL	201.4°, 26.3, 31.4	`hsl(201.4,26.3%,31.4%)`
HSV (or HSB)	201.4°, 41.6, 39.6
Web Safe	336666	`#336666`

CIE-LAB	35.052, -5.787, -11.861
XYZ	7.48, 8.525, 13.562
xyY	0.253, 0.288, 8.525
CIE-LCH	35.052, 13.198, 243.992
CIE-LUV	35.052, -12.704, -14.814
Hunter-Lab	29.197, -5.366, -7.103
Binary	00111011, 01010110, 01100101

#3b5665
```
#3b5665 rgb(59,86,101)
```
#654a3b
```
#654a3b rgb(101,74,59)
```

Complementary Color

#3b655f
```
#3b655f rgb(59,101,95)
```
#3b5665
```
#3b5665 rgb(59,86,101)
```
#3b4165
```
#3b4165 rgb(59,65,101)
```

Analogous Color

#655f3b
```
#655f3b rgb(101,95,59)
```
#3b5665
```
#3b5665 rgb(59,86,101)
```
#653b41
```
#653b41 rgb(101,59,65)
```

Split Complementary Color

#56653b
```
#56653b rgb(86,101,59)
```
#3b5665
```
#3b5665 rgb(59,86,101)
```
#653b56
```
#653b56 rgb(101,59,86)
```

Triadic Color

#3b654a
```
#3b654a rgb(59,101,74)
```
#3b5665
```
#3b5665 rgb(59,86,101)
```
#653b56
```
#653b56 rgb(101,59,86)
```
#654a3b
```
#654a3b rgb(101,74,59)
```

Tetradic Color

#1f2d35
```
#1f2d35 rgb(31,45,53)
```
#283b45
```
#283b45 rgb(40,59,69)
```
#324855
```
#324855 rgb(50,72,85)
```
#3b5665
```
#3b5665 rgb(59,86,101)
```
#446475
```
#446475 rgb(68,100,117)
```
#4e7185
```
#4e7185 rgb(78,113,133)
```
#577f95
```
#577f95 rgb(87,127,149)
```

Monochromatic Color

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

#3b6165
```
#3b6165 rgb(59,97,101)
```
#3b5d65
```
#3b5d65 rgb(59,93,101)
```
#3b5a65
```
#3b5a65 rgb(59,90,101)
```
#3b5665
```
#3b5665 rgb(59,86,101)
```
#3b5365
```
#3b5365 rgb(59,83,101)
```
#3b4f65
```
#3b4f65 rgb(59,79,101)
```
#3b4c65
```
#3b4c65 rgb(59,76,101)
```

Similar Colors

Text with hexadecimal color #3b5665

This text has a font color of #3b5665.

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

#3b5665 background color

This paragraph has a background color of #3b5665.

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

#3b5665 border color

This element has a border color of #3b5665.

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

CSS codes

.text {color:#3b5665;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#080c0e
```
#080c0e rgb(8,12,14)
```
#10171b
```
#10171b rgb(16,23,27)
```
#172127
```
#172127 rgb(23,33,39)
```
#1e2c33
```
#1e2c33 rgb(30,44,51)
```
#253640
```
#253640 rgb(37,54,64)
```
#2d414c
```
#2d414c rgb(45,65,76)
```
#344b59
```
#344b59 rgb(52,75,89)
```
#3b5665
```
#3b5665 rgb(59,86,101)
```
#426171
```
#426171 rgb(66,97,113)
```
#496b7e
```
#496b7e rgb(73,107,126)
```
#51768a
```
#51768a rgb(81,118,138)
```
#588097
```
#588097 rgb(88,128,151)
```

Shade Color Variation

#608aa2
```
#608aa2 rgb(96,138,162)
```
#6c94a9
```
#6c94a9 rgb(108,148,169)
```
#799db1
```
#799db1 rgb(121,157,177)
```
#85a6b8
```
#85a6b8 rgb(133,166,184)
```
#92afbf
```
#92afbf rgb(146,175,191)
```
#9eb8c6
```
#9eb8c6 rgb(158,184,198)
```
#aac1ce
```
#aac1ce rgb(170,193,206)
```
#b7cad5
```
#b7cad5 rgb(183,202,213)
```
#c3d3dc
```
#c3d3dc rgb(195,211,220)
```
#cfdce3
```
#cfdce3 rgb(207,220,227)
```
#dce5ea
```
#dce5ea rgb(220,229,234)
```
#e8eef2
```
#e8eef2 rgb(232,238,242)
```
#f5f7f9
```
#f5f7f9 rgb(245,247,249)
```

Tint Color Variation

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

#4d5153
```
#4d5153 rgb(77,81,83)
```
#475259
```
#475259 rgb(71,82,89)
```
#41545f
```
#41545f rgb(65,84,95)
```
#3b5665
```
#3b5665 rgb(59,86,101)
```
#35586b
```
#35586b rgb(53,88,107)
```
#2f5a71
```
#2f5a71 rgb(47,90,113)
```
#295b77
```
#295b77 rgb(41,91,119)
```
#225d7e
```
#225d7e rgb(34,93,126)
```
#1c5f84
```
#1c5f84 rgb(28,95,132)
```
#16618a
```
#16618a rgb(22,97,138)
```
#106290
```
#106290 rgb(16,98,144)
```
#0a6496
```
#0a6496 rgb(10,100,150)
```
#04669c
```
#04669c rgb(4,102,156)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4c5154 Atypical Achromatopsia 0.001% of the population

Dichromacy

#585a6a Protanopia 1% of men
#59596e Deuteranopia 1% of men
#435f66 Tritanopia 0.001% of the population

Trichromacy

#4d5868 Protanomaly 1% of men, 0.01% of women
#4e586b Deuteranomaly 6% of men, 0.4% of women
#405c66 Tritanomaly 0.01% of the population

#3b5665 hex color

#3b5665 Color Information

#3b5665 Color Conversion

Color Schemes with #3b5665

Alternatives to #3b5665

#3b5665 Preview

Shades and Tints of #3b5665

Tones of #3b5665

Color Blindness Simulator