#3b4f55 hex color

In a RGB color space, hex #3b4f55 is composed of 23.1% red, 31% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 30.6% cyan, 7.1% magenta, 0% yellow and 66.7% black. It has a hue angle of 193.8 degrees, a saturation of 18.1% and a lightness of 28.2%. #3b4f55 color hex could be obtained by blending #769eaa with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 23
- G 31
- B 33
RGB color chart
- C 31
- M 7
- Y 0
- K 67
CMYK color chart

● #3b4f55 color description : Very dark grayish cyan.

The hexadecimal color #3b4f55 has RGB values of R:59, G:79, B:85 and CMYK values of C:0.31, M:0.07, Y:0, K:0.67. Its decimal value is 3886933.

Hex triplet	3b4f55	`#3b4f55`
RGB Decimal	59, 79, 85	`rgb(59,79,85)`
RGB Percent	23.1, 31, 33.3	`rgb(23.1%,31%,33.3%)`
CMYK	31, 7, 0, 67
HSL	193.8°, 18.1, 28.2	`hsl(193.8,18.1%,28.2%)`
HSV (or HSB)	193.8°, 30.6, 33.3
Web Safe	336666	`#336666`

CIE-LAB	32.207, -6.097, -6.055
XYZ	6.239, 7.177, 9.65
xyY	0.27, 0.311, 7.177
CIE-LCH	32.207, 8.593, 224.805
CIE-LUV	32.207, -9.69, -6.758
Hunter-Lab	26.791, -5.315, -2.604
Binary	00111011, 01001111, 01010101

#3b4f55
```
#3b4f55 rgb(59,79,85)
```
#55413b
```
#55413b rgb(85,65,59)
```

Complementary Color

#3b554e
```
#3b554e rgb(59,85,78)
```
#3b4f55
```
#3b4f55 rgb(59,79,85)
```
#3b4255
```
#3b4255 rgb(59,66,85)
```

Analogous Color

#554e3b
```
#554e3b rgb(85,78,59)
```
#3b4f55
```
#3b4f55 rgb(59,79,85)
```
#553b42
```
#553b42 rgb(85,59,66)
```

Split Complementary Color

#4f553b
```
#4f553b rgb(79,85,59)
```
#3b4f55
```
#3b4f55 rgb(59,79,85)
```
#553b4f
```
#553b4f rgb(85,59,79)
```

Triadic Color

#3b5541
```
#3b5541 rgb(59,85,65)
```
#3b4f55
```
#3b4f55 rgb(59,79,85)
```
#553b4f
```
#553b4f rgb(85,59,79)
```
#55413b
```
#55413b rgb(85,65,59)
```

Tetradic Color

#1c2528
```
#1c2528 rgb(28,37,40)
```
#263337
```
#263337 rgb(38,51,55)
```
#314146
```
#314146 rgb(49,65,70)
```
#3b4f55
```
#3b4f55 rgb(59,79,85)
```
#455d64
```
#455d64 rgb(69,93,100)
```
#506b73
```
#506b73 rgb(80,107,115)
```
#5a7982
```
#5a7982 rgb(90,121,130)
```

Monochromatic Color

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

#3b5555
```
#3b5555 rgb(59,85,85)
```
#3b5355
```
#3b5355 rgb(59,83,85)
```
#3b5155
```
#3b5155 rgb(59,81,85)
```
#3b4f55
```
#3b4f55 rgb(59,79,85)
```
#3b4d55
```
#3b4d55 rgb(59,77,85)
```
#3b4b55
```
#3b4b55 rgb(59,75,85)
```
#3b4955
```
#3b4955 rgb(59,73,85)
```

Similar Colors

Text with hexadecimal color #3b4f55

This text has a font color of #3b4f55.

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

#3b4f55 background color

This paragraph has a background color of #3b4f55.

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

#3b4f55 border color

This element has a border color of #3b4f55.

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

CSS codes

.text {color:#3b4f55;}

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

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0b0e10
```
#0b0e10 rgb(11,14,16)
```
#13191b
```
#13191b rgb(19,25,27)
```
#1b2427
```
#1b2427 rgb(27,36,39)
```
#232f32
```
#232f32 rgb(35,47,50)
```
#2b393e
```
#2b393e rgb(43,57,62)
```
#334449
```
#334449 rgb(51,68,73)
```
#3b4f55
```
#3b4f55 rgb(59,79,85)
```
#435a61
```
#435a61 rgb(67,90,97)
```
#4b656c
```
#4b656c rgb(75,101,108)
```
#536f78
```
#536f78 rgb(83,111,120)
```
#5b7a83
```
#5b7a83 rgb(91,122,131)
```
#63858f
```
#63858f rgb(99,133,143)
```

Shade Color Variation

#6c8f99
```
#6c8f99 rgb(108,143,153)
```
#7898a1
```
#7898a1 rgb(120,152,161)
```
#84a1a9
```
#84a1a9 rgb(132,161,169)
```
#8fa9b1
```
#8fa9b1 rgb(143,169,177)
```
#9bb2b9
```
#9bb2b9 rgb(155,178,185)
```
#a6bbc1
```
#a6bbc1 rgb(166,187,193)
```
#b2c4c9
```
#b2c4c9 rgb(178,196,201)
```
#bdcdd2
```
#bdcdd2 rgb(189,205,210)
```
#c9d6da
```
#c9d6da rgb(201,214,218)
```
#d5dfe2
```
#d5dfe2 rgb(213,223,226)
```
#e0e7ea
```
#e0e7ea rgb(224,231,234)
```
#ecf0f2
```
#ecf0f2 rgb(236,240,242)
```
#f7f9fa
```
#f7f9fa rgb(247,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #46494a is the less saturated color, while #046d8c is the most saturated one.

#46494a
```
#46494a rgb(70,73,74)
```
#414c4f
```
#414c4f rgb(65,76,79)
```
#3b4f55
```
#3b4f55 rgb(59,79,85)
```
#35525b
```
#35525b rgb(53,82,91)
```
#305560
```
#305560 rgb(48,85,96)
```
#2a5866
```
#2a5866 rgb(42,88,102)
```
#255b6b
```
#255b6b rgb(37,91,107)
```
#1f5e71
```
#1f5e71 rgb(31,94,113)
```
#1a6176
```
#1a6176 rgb(26,97,118)
```
#14647c
```
#14647c rgb(20,100,124)
```
#0f6781
```
#0f6781 rgb(15,103,129)
```
#096a87
```
#096a87 rgb(9,106,135)
```
#046d8c
```
#046d8c rgb(4,109,140)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#474b4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#54545b Protanopia 1% of men
#57535f Deuteranopia 1% of men
#45585e Tritanopia 0.001% of the population

Trichromacy

#4b5259 Protanomaly 1% of men, 0.01% of women
#4d515b Deuteranomaly 6% of men, 0.4% of women
#41545b Tritanomaly 0.01% of the population

#3b4f55 hex color

#3b4f55 Color Information

#3b4f55 Color Conversion

Color Schemes with #3b4f55

Alternatives to #3b4f55

#3b4f55 Preview

Shades and Tints of #3b4f55

Tones of #3b4f55

Color Blindness Simulator