#3b5165 hex color

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

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

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

The hexadecimal color #3b5165 has RGB values of R:59, G:81, B:101 and CMYK values of C:0.42, M:0.2, Y:0, K:0.6. Its decimal value is 3887461.

Hex triplet	3b5165	`#3b5165`
RGB Decimal	59, 81, 101	`rgb(59,81,101)`
RGB Percent	23.1, 31.8, 39.6	`rgb(23.1%,31.8%,39.6%)`
CMYK	42, 20, 0, 60
HSL	208.6°, 26.3, 31.4	`hsl(208.6,26.3%,31.4%)`
HSV (or HSB)	208.6°, 41.6, 39.6
Web Safe	336666	`#336666`

CIE-LAB	33.465, -2.69, -14.282
XYZ	7.094, 7.754, 13.434
xyY	0.251, 0.274, 7.754
CIE-LCH	33.465, 14.533, 259.334
CIE-LUV	33.465, -10.656, -18.294
Hunter-Lab	27.846, -3.253, -9.112
Binary	00111011, 01010001, 01100101

#3b5165
```
#3b5165 rgb(59,81,101)
```
#654f3b
```
#654f3b rgb(101,79,59)
```

Complementary Color

#3b6564
```
#3b6564 rgb(59,101,100)
```
#3b5165
```
#3b5165 rgb(59,81,101)
```
#3b3c65
```
#3b3c65 rgb(59,60,101)
```

Analogous Color

#65643b
```
#65643b rgb(101,100,59)
```
#3b5165
```
#3b5165 rgb(59,81,101)
```
#653b3c
```
#653b3c rgb(101,59,60)
```

Split Complementary Color

#51653b
```
#51653b rgb(81,101,59)
```
#3b5165
```
#3b5165 rgb(59,81,101)
```
#653b51
```
#653b51 rgb(101,59,81)
```

Triadic Color

#3b654f
```
#3b654f rgb(59,101,79)
```
#3b5165
```
#3b5165 rgb(59,81,101)
```
#653b51
```
#653b51 rgb(101,59,81)
```
#654f3b
```
#654f3b rgb(101,79,59)
```

Tetradic Color

#1f2a35
```
#1f2a35 rgb(31,42,53)
```
#283745
```
#283745 rgb(40,55,69)
```
#324455
```
#324455 rgb(50,68,85)
```
#3b5165
```
#3b5165 rgb(59,81,101)
```
#445e75
```
#445e75 rgb(68,94,117)
```
#4e6b85
```
#4e6b85 rgb(78,107,133)
```
#577895
```
#577895 rgb(87,120,149)
```

Monochromatic Color

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

#3b5c65
```
#3b5c65 rgb(59,92,101)
```
#3b5865
```
#3b5865 rgb(59,88,101)
```
#3b5565
```
#3b5565 rgb(59,85,101)
```
#3b5165
```
#3b5165 rgb(59,81,101)
```
#3b4e65
```
#3b4e65 rgb(59,78,101)
```
#3b4a65
```
#3b4a65 rgb(59,74,101)
```
#3b4765
```
#3b4765 rgb(59,71,101)
```

Similar Colors

Text with hexadecimal color #3b5165

This text has a font color of #3b5165.

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

#3b5165 background color

This paragraph has a background color of #3b5165.

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

#3b5165 border color

This element has a border color of #3b5165.

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

CSS codes

.text {color:#3b5165;}

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

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

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)
```
#080b0e
```
#080b0e rgb(8,11,14)
```
#10151b
```
#10151b rgb(16,21,27)
```
#171f27
```
#171f27 rgb(23,31,39)
```
#1e2933
```
#1e2933 rgb(30,41,51)
```
#253340
```
#253340 rgb(37,51,64)
```
#2d3d4c
```
#2d3d4c rgb(45,61,76)
```
#344759
```
#344759 rgb(52,71,89)
```
#3b5165
```
#3b5165 rgb(59,81,101)
```
#425b71
```
#425b71 rgb(66,91,113)
```
#49657e
```
#49657e rgb(73,101,126)
```
#516f8a
```
#516f8a rgb(81,111,138)
```
#587997
```
#587997 rgb(88,121,151)
```

Shade Color Variation

#6083a2
```
#6083a2 rgb(96,131,162)
```
#6c8ca9
```
#6c8ca9 rgb(108,140,169)
```
#7996b1
```
#7996b1 rgb(121,150,177)
```
#85a0b8
```
#85a0b8 rgb(133,160,184)
```
#92a9bf
```
#92a9bf rgb(146,169,191)
```
#9eb3c6
```
#9eb3c6 rgb(158,179,198)
```
#aabdce
```
#aabdce rgb(170,189,206)
```
#b7c6d5
```
#b7c6d5 rgb(183,198,213)
```
#c3d0dc
```
#c3d0dc rgb(195,208,220)
```
#cfdae3
```
#cfdae3 rgb(207,218,227)
```
#dce3ea
```
#dce3ea rgb(220,227,234)
```
#e8edf2
```
#e8edf2 rgb(232,237,242)
```
#f5f7f9
```
#f5f7f9 rgb(245,247,249)
```

Tint Color Variation

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

#4d5053
```
#4d5053 rgb(77,80,83)
```
#475059
```
#475059 rgb(71,80,89)
```
#41515f
```
#41515f rgb(65,81,95)
```
#3b5165
```
#3b5165 rgb(59,81,101)
```
#35516b
```
#35516b rgb(53,81,107)
```
#2f5271
```
#2f5271 rgb(47,82,113)
```
#295277
```
#295277 rgb(41,82,119)
```
#22527e
```
#22527e rgb(34,82,126)
```
#1c5284
```
#1c5284 rgb(28,82,132)
```
#16538a
```
#16538a rgb(22,83,138)
```
#105390
```
#105390 rgb(16,83,144)
```
#0a5396
```
#0a5396 rgb(10,83,150)
```
#04549c
```
#04549c rgb(4,84,156)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#494e52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#52576b Protanopia 1% of men
#53566e Deuteranopia 1% of men
#415b62 Tritanopia 0.001% of the population

Trichromacy

#4a5468 Protanomaly 1% of men, 0.01% of women
#4a546a Deuteranomaly 6% of men, 0.4% of women
#3f5763 Tritanomaly 0.01% of the population

#3b5165 hex color

#3b5165 Color Information

#3b5165 Color Conversion

Color Schemes with #3b5165

Alternatives to #3b5165

#3b5165 Preview

Shades and Tints of #3b5165

Tones of #3b5165

Color Blindness Simulator