#3b354d hex color

In a RGB color space, hex #3b354d is composed of 23.1% red, 20.8% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 23.4% cyan, 31.2% magenta, 0% yellow and 69.8% black. It has a hue angle of 255 degrees, a saturation of 18.5% and a lightness of 25.5%. #3b354d color hex could be obtained by blending #766a9a with #000000. Closest websafe color is: #333366.

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

● #3b354d color description : Very dark grayish violet.

The hexadecimal color #3b354d has RGB values of R:59, G:53, B:77 and CMYK values of C:0.23, M:0.31, Y:0, K:0.7. Its decimal value is 3880269.

Hex triplet	3b354d	`#3b354d`
RGB Decimal	59, 53, 77	`rgb(59,53,77)`
RGB Percent	23.1, 20.8, 30.2	`rgb(23.1%,20.8%,30.2%)`
CMYK	23, 31, 0, 70
HSL	255°, 18.5, 25.5	`hsl(255,18.5%,25.5%)`
HSV (or HSB)	255°, 31.2, 30.2
Web Safe	333366	`#333366`

CIE-LAB	23.71, 8.584, -13.745
XYZ	4.416, 4.012, 7.562
xyY	0.276, 0.251, 4.012
CIE-LCH	23.71, 16.205, 301.986
CIE-LUV	23.71, 1.401, -16.847
Hunter-Lab	20.03, 4.303, -8.365
Binary	00111011, 00110101, 01001101

#3b354d
```
#3b354d rgb(59,53,77)
```
#474d35
```
#474d35 rgb(71,77,53)
```

Complementary Color

#353b4d
```
#353b4d rgb(53,59,77)
```
#3b354d
```
#3b354d rgb(59,53,77)
```
#47354d
```
#47354d rgb(71,53,77)
```

Analogous Color

#3b4d35
```
#3b4d35 rgb(59,77,53)
```
#3b354d
```
#3b354d rgb(59,53,77)
```
#4d4735
```
#4d4735 rgb(77,71,53)
```

Split Complementary Color

#354d3b
```
#354d3b rgb(53,77,59)
```
#3b354d
```
#3b354d rgb(59,53,77)
```
#4d3b35
```
#4d3b35 rgb(77,59,53)
```

Triadic Color

#35474d
```
#35474d rgb(53,71,77)
```
#3b354d
```
#3b354d rgb(59,53,77)
```
#4d3b35
```
#4d3b35 rgb(77,59,53)
```
#474d35
```
#474d35 rgb(71,77,53)
```

Tetradic Color

#181620
```
#181620 rgb(24,22,32)
```
#24202f
```
#24202f rgb(36,32,47)
```
#2f2b3e
```
#2f2b3e rgb(47,43,62)
```
#3b354d
```
#3b354d rgb(59,53,77)
```
#473f5c
```
#473f5c rgb(71,63,92)
```
#524a6b
```
#524a6b rgb(82,74,107)
```
#5e547a
```
#5e547a rgb(94,84,122)
```

Monochromatic Color

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

#35354d
```
#35354d rgb(53,53,77)
```
#37354d
```
#37354d rgb(55,53,77)
```
#39354d
```
#39354d rgb(57,53,77)
```
#3b354d
```
#3b354d rgb(59,53,77)
```
#3d354d
```
#3d354d rgb(61,53,77)
```
#3f354d
```
#3f354d rgb(63,53,77)
```
#41354d
```
#41354d rgb(65,53,77)
```

Similar Colors

Text with hexadecimal color #3b354d

This text has a font color of #3b354d.

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

#3b354d background color

This paragraph has a background color of #3b354d.

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

#3b354d border color

This element has a border color of #3b354d.

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

CSS codes

.text {color:#3b354d;}

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

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

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

#060507
```
#060507 rgb(6,5,7)
```
#0e0d13
```
#0e0d13 rgb(14,13,19)
```
#17151f
```
#17151f rgb(23,21,31)
```
#201d2a
```
#201d2a rgb(32,29,42)
```
#292536
```
#292536 rgb(41,37,54)
```
#322d41
```
#322d41 rgb(50,45,65)
```
#3b354d
```
#3b354d rgb(59,53,77)
```
#443d59
```
#443d59 rgb(68,61,89)
```
#4d4564
```
#4d4564 rgb(77,69,100)
```
#564d70
```
#564d70 rgb(86,77,112)
```
#5f557b
```
#5f557b rgb(95,85,123)
```
#685d87
```
#685d87 rgb(104,93,135)
```
#706593
```
#706593 rgb(112,101,147)
```

Shade Color Variation

#7a6f9c
```
#7a6f9c rgb(122,111,156)
```
#857ba4
```
#857ba4 rgb(133,123,164)
```
#9086ac
```
#9086ac rgb(144,134,172)
```
#9b92b4
```
#9b92b4 rgb(155,146,180)
```
#a59ebc
```
#a59ebc rgb(165,158,188)
```
#b0a9c4
```
#b0a9c4 rgb(176,169,196)
```
#bbb5cc
```
#bbb5cc rgb(187,181,204)
```
#c5c1d4
```
#c5c1d4 rgb(197,193,212)
```
#d0ccdc
```
#d0ccdc rgb(208,204,220)
```
#dbd8e4
```
#dbd8e4 rgb(219,216,228)
```
#e6e3ec
```
#e6e3ec rgb(230,227,236)
```
#f0eff4
```
#f0eff4 rgb(240,239,244)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #403f43 is the less saturated color, while #22037f is the most saturated one.

#403f43
```
#403f43 rgb(64,63,67)
```
#3e3a48
```
#3e3a48 rgb(62,58,72)
```
#3b354d
```
#3b354d rgb(59,53,77)
```
#393052
```
#393052 rgb(57,48,82)
```
#362b57
```
#362b57 rgb(54,43,87)
```
#34265c
```
#34265c rgb(52,38,92)
```
#312161
```
#312161 rgb(49,33,97)
```
#2f1c66
```
#2f1c66 rgb(47,28,102)
```
#2c176b
```
#2c176b rgb(44,23,107)
```
#2a1270
```
#2a1270 rgb(42,18,112)
```
#270d75
```
#270d75 rgb(39,13,117)
```
#25087a
```
#25087a rgb(37,8,122)
```
#22037f
```
#22037f rgb(34,3,127)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#3a393e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c4257 Protanopia 1% of men
#3e4155 Deuteranopia 1% of men
#414247 Tritanopia 0.001% of the population

Trichromacy

#3b3d53 Protanomaly 1% of men, 0.01% of women
#3d3d52 Deuteranomaly 6% of men, 0.4% of women
#3f3d49 Tritanomaly 0.01% of the population

#3b354d hex color

#3b354d Color Information

#3b354d Color Conversion

Color Schemes with #3b354d

Alternatives to #3b354d

#3b354d Preview

Shades and Tints of #3b354d

Tones of #3b354d

Color Blindness Simulator