#3b3a54 hex color

In a RGB color space, hex #3b3a54 is composed of 23.1% red, 22.7% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 29.8% cyan, 31% magenta, 0% yellow and 67.1% black. It has a hue angle of 242.3 degrees, a saturation of 18.3% and a lightness of 27.8%. #3b3a54 color hex could be obtained by blending #7674a8 with #000000. Closest websafe color is: #333366.

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

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

The hexadecimal color #3b3a54 has RGB values of R:59, G:58, B:84 and CMYK values of C:0.3, M:0.31, Y:0, K:0.67. Its decimal value is 3881556.

Hex triplet	3b3a54	`#3b3a54`
RGB Decimal	59, 58, 84	`rgb(59,58,84)`
RGB Percent	23.1, 22.7, 32.9	`rgb(23.1%,22.7%,32.9%)`
CMYK	30, 31, 0, 67
HSL	242.3°, 18.3, 27.8	`hsl(242.3,18.3%,27.8%)`
HSV (or HSB)	242.3°, 31, 32.9
Web Safe	333366	`#333366`

CIE-LAB	25.551, 7.2, -15.53
XYZ	4.917, 4.596, 9.015
xyY	0.265, 0.248, 4.596
CIE-LCH	25.551, 17.118, 294.874
CIE-LUV	25.551, -0.974, -19.397
Hunter-Lab	21.438, 3.42, -9.926
Binary	00111011, 00111010, 01010100

#3b3a54
```
#3b3a54 rgb(59,58,84)
```
#53543a
```
#53543a rgb(83,84,58)
```

Complementary Color

#3a4654
```
#3a4654 rgb(58,70,84)
```
#3b3a54
```
#3b3a54 rgb(59,58,84)
```
#483a54
```
#483a54 rgb(72,58,84)
```

Analogous Color

#46543a
```
#46543a rgb(70,84,58)
```
#3b3a54
```
#3b3a54 rgb(59,58,84)
```
#54483a
```
#54483a rgb(84,72,58)
```

Split Complementary Color

#3a543b
```
#3a543b rgb(58,84,59)
```
#3b3a54
```
#3b3a54 rgb(59,58,84)
```
#543b3a
```
#543b3a rgb(84,59,58)
```

Triadic Color

#3a5354
```
#3a5354 rgb(58,83,84)
```
#3b3a54
```
#3b3a54 rgb(59,58,84)
```
#543b3a
```
#543b3a rgb(84,59,58)
```
#53543a
```
#53543a rgb(83,84,58)
```

Tetradic Color

#1b1b27
```
#1b1b27 rgb(27,27,39)
```
#262536
```
#262536 rgb(38,37,54)
```
#303045
```
#303045 rgb(48,48,69)
```
#3b3a54
```
#3b3a54 rgb(59,58,84)
```
#464463
```
#464463 rgb(70,68,99)
```
#504f72
```
#504f72 rgb(80,79,114)
```
#5b5981
```
#5b5981 rgb(91,89,129)
```

Monochromatic Color

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

#3a4054
```
#3a4054 rgb(58,64,84)
```
#3a3d54
```
#3a3d54 rgb(58,61,84)
```
#3a3b54
```
#3a3b54 rgb(58,59,84)
```
#3b3a54
```
#3b3a54 rgb(59,58,84)
```
#3d3a54
```
#3d3a54 rgb(61,58,84)
```
#3f3a54
```
#3f3a54 rgb(63,58,84)
```
#423a54
```
#423a54 rgb(66,58,84)
```

Similar Colors

Text with hexadecimal color #3b3a54

This text has a font color of #3b3a54.

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

#3b3a54 background color

This paragraph has a background color of #3b3a54.

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

#3b3a54 border color

This element has a border color of #3b3a54.

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

CSS codes

.text {color:#3b3a54;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0a0a0e
```
#0a0a0e rgb(10,10,14)
```
#12121a
```
#12121a rgb(18,18,26)
```
#1a1a26
```
#1a1a26 rgb(26,26,38)
```
#232231
```
#232231 rgb(35,34,49)
```
#2b2a3d
```
#2b2a3d rgb(43,42,61)
```
#333248
```
#333248 rgb(51,50,72)
```
#3b3a54
```
#3b3a54 rgb(59,58,84)
```
#434260
```
#434260 rgb(67,66,96)
```
#4b4a6b
```
#4b4a6b rgb(75,74,107)
```
#535277
```
#535277 rgb(83,82,119)
```
#5c5a82
```
#5c5a82 rgb(92,90,130)
```
#64628e
```
#64628e rgb(100,98,142)
```

Shade Color Variation

#6d6b99
```
#6d6b99 rgb(109,107,153)
```
#7877a1
```
#7877a1 rgb(120,119,161)
```
#8482a9
```
#8482a9 rgb(132,130,169)
```
#8f8eb1
```
#8f8eb1 rgb(143,142,177)
```
#9b99b9
```
#9b99b9 rgb(155,153,185)
```
#a6a5c1
```
#a6a5c1 rgb(166,165,193)
```
#b1b1c9
```
#b1b1c9 rgb(177,177,201)
```
#bdbcd1
```
#bdbcd1 rgb(189,188,209)
```
#c8c8d9
```
#c8c8d9 rgb(200,200,217)
```
#d4d3e1
```
#d4d3e1 rgb(212,211,225)
```
#dfdfe9
```
#dfdfe9 rgb(223,223,233)
```
#ebebf1
```
#ebebf1 rgb(235,235,241)
```
#f6f6f9
```
#f6f6f9 rgb(246,246,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #454549 is the less saturated color, while #09038b is the most saturated one.

#454549
```
#454549 rgb(69,69,73)
```
#403f4f
```
#403f4f rgb(64,63,79)
```
#3b3a54
```
#3b3a54 rgb(59,58,84)
```
#363559
```
#363559 rgb(54,53,89)
```
#312f5f
```
#312f5f rgb(49,47,95)
```
#2c2a64
```
#2c2a64 rgb(44,42,100)
```
#27246a
```
#27246a rgb(39,36,106)
```
#221f6f
```
#221f6f rgb(34,31,111)
```
#1d1975
```
#1d1975 rgb(29,25,117)
```
#18147a
```
#18147a rgb(24,20,122)
```
#130e80
```
#130e80 rgb(19,14,128)
```
#0e0985
```
#0e0985 rgb(14,9,133)
```
#09038b
```
#09038b rgb(9,3,139)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3d3c42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f455d Protanopia 1% of men
#40455c Deuteranopia 1% of men
#41474c Tritanopia 0.001% of the population

Trichromacy

#3d415a Protanomaly 1% of men, 0.01% of women
#3e4159 Deuteranomaly 6% of men, 0.4% of women
#3e424f Tritanomaly 0.01% of the population

#3b3a54 hex color

#3b3a54 Color Information

#3b3a54 Color Conversion

Color Schemes with #3b3a54

Alternatives to #3b3a54

#3b3a54 Preview

Shades and Tints of #3b3a54

Tones of #3b3a54

Color Blindness Simulator