#3b3f55 hex color

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

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

● #3b3f55 color description : Very dark grayish blue.

The hexadecimal color #3b3f55 has RGB values of R:59, G:63, B:85 and CMYK values of C:0.31, M:0.26, Y:0, K:0.67. Its decimal value is 3882837.

Hex triplet	3b3f55	`#3b3f55`
RGB Decimal	59, 63, 85	`rgb(59,63,85)`
RGB Percent	23.1, 24.7, 33.3	`rgb(23.1%,24.7%,33.3%)`
CMYK	31, 26, 0, 67
HSL	230.8°, 18.1, 28.2	`hsl(230.8,18.1%,28.2%)`
HSV (or HSB)	230.8°, 30.6, 33.3
Web Safe	333366	`#333366`

CIE-LAB	27.132, 4.149, -13.749
XYZ	5.221, 5.141, 9.311
xyY	0.265, 0.261, 5.141
CIE-LCH	27.132, 14.361, 286.794
CIE-LUV	27.132, -2.982, -17.192
Hunter-Lab	22.673, 1.423, -8.477
Binary	00111011, 00111111, 01010101

#3b3f55
```
#3b3f55 rgb(59,63,85)
```
#55513b
```
#55513b rgb(85,81,59)
```

Complementary Color

#3b4c55
```
#3b4c55 rgb(59,76,85)
```
#3b3f55
```
#3b3f55 rgb(59,63,85)
```
#443b55
```
#443b55 rgb(68,59,85)
```

Analogous Color

#4c553b
```
#4c553b rgb(76,85,59)
```
#3b3f55
```
#3b3f55 rgb(59,63,85)
```
#55443b
```
#55443b rgb(85,68,59)
```

Split Complementary Color

#3f553b
```
#3f553b rgb(63,85,59)
```
#3b3f55
```
#3b3f55 rgb(59,63,85)
```
#553b3f
```
#553b3f rgb(85,59,63)
```

Triadic Color

#3b5551
```
#3b5551 rgb(59,85,81)
```
#3b3f55
```
#3b3f55 rgb(59,63,85)
```
#553b3f
```
#553b3f rgb(85,59,63)
```
#55513b
```
#55513b rgb(85,81,59)
```

Tetradic Color

#1c1e28
```
#1c1e28 rgb(28,30,40)
```
#262937
```
#262937 rgb(38,41,55)
```
#313446
```
#313446 rgb(49,52,70)
```
#3b3f55
```
#3b3f55 rgb(59,63,85)
```
#454a64
```
#454a64 rgb(69,74,100)
```
#505573
```
#505573 rgb(80,85,115)
```
#5a6082
```
#5a6082 rgb(90,96,130)
```

Monochromatic Color

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

#3b4655
```
#3b4655 rgb(59,70,85)
```
#3b4355
```
#3b4355 rgb(59,67,85)
```
#3b4155
```
#3b4155 rgb(59,65,85)
```
#3b3f55
```
#3b3f55 rgb(59,63,85)
```
#3b3d55
```
#3b3d55 rgb(59,61,85)
```
#3b3b55
```
#3b3b55 rgb(59,59,85)
```
#3e3b55
```
#3e3b55 rgb(62,59,85)
```

Similar Colors

Text with hexadecimal color #3b3f55

This text has a font color of #3b3f55.

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

#3b3f55 background color

This paragraph has a background color of #3b3f55.

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

#3b3f55 border color

This element has a border color of #3b3f55.

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

CSS codes

.text {color:#3b3f55;}

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

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

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

#030304
```
#030304 rgb(3,3,4)
```
#0b0c10
```
#0b0c10 rgb(11,12,16)
```
#13141b
```
#13141b rgb(19,20,27)
```
#1b1d27
```
#1b1d27 rgb(27,29,39)
```
#232532
```
#232532 rgb(35,37,50)
```
#2b2e3e
```
#2b2e3e rgb(43,46,62)
```
#333649
```
#333649 rgb(51,54,73)
```
#3b3f55
```
#3b3f55 rgb(59,63,85)
```
#434861
```
#434861 rgb(67,72,97)
```
#4b506c
```
#4b506c rgb(75,80,108)
```
#535978
```
#535978 rgb(83,89,120)
```
#5b6183
```
#5b6183 rgb(91,97,131)
```
#636a8f
```
#636a8f rgb(99,106,143)
```

Shade Color Variation

#6c7399
```
#6c7399 rgb(108,115,153)
```
#787ea1
```
#787ea1 rgb(120,126,161)
```
#8489a9
```
#8489a9 rgb(132,137,169)
```
#8f94b1
```
#8f94b1 rgb(143,148,177)
```
#9b9fb9
```
#9b9fb9 rgb(155,159,185)
```
#a6aac1
```
#a6aac1 rgb(166,170,193)
```
#b2b6c9
```
#b2b6c9 rgb(178,182,201)
```
#bdc1d2
```
#bdc1d2 rgb(189,193,210)
```
#c9ccda
```
#c9ccda rgb(201,204,218)
```
#d5d7e2
```
#d5d7e2 rgb(213,215,226)
```
#e0e2ea
```
#e0e2ea rgb(224,226,234)
```
#ecedf2
```
#ecedf2 rgb(236,237,242)
```
#f7f8fa
```
#f7f8fa rgb(247,248,250)
```

Tint Color Variation

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

#46474a
```
#46474a rgb(70,71,74)
```
#41434f
```
#41434f rgb(65,67,79)
```
#3b3f55
```
#3b3f55 rgb(59,63,85)
```
#353b5b
```
#353b5b rgb(53,59,91)
```
#303760
```
#303760 rgb(48,55,96)
```
#2a3366
```
#2a3366 rgb(42,51,102)
```
#25306b
```
#25306b rgb(37,48,107)
```
#1f2c71
```
#1f2c71 rgb(31,44,113)
```
#1a2876
```
#1a2876 rgb(26,40,118)
```
#14247c
```
#14247c rgb(20,36,124)
```
#0f2081
```
#0f2081 rgb(15,32,129)
```
#091c87
```
#091c87 rgb(9,28,135)
```
#04198c
```
#04198c rgb(4,25,140)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3f4044 Atypical Achromatopsia 0.001% of the population

Dichromacy

#44495e Protanopia 1% of men
#45485d Deuteranopia 1% of men
#414b50 Tritanopia 0.001% of the population

Trichromacy

#40455a Protanomaly 1% of men, 0.01% of women
#41455a Deuteranomaly 6% of men, 0.4% of women
#3f4652 Tritanomaly 0.01% of the population

#3b3f55 hex color

#3b3f55 Color Information

#3b3f55 Color Conversion

Color Schemes with #3b3f55

Alternatives to #3b3f55

#3b3f55 Preview

Shades and Tints of #3b3f55

Tones of #3b3f55

Color Blindness Simulator