#3c3342 hex color

In a RGB color space, hex #3c3342 is composed of 23.5% red, 20% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 9.1% cyan, 22.7% magenta, 0% yellow and 74.1% black. It has a hue angle of 276 degrees, a saturation of 12.8% and a lightness of 22.9%. #3c3342 color hex could be obtained by blending #786684 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 24
- G 20
- B 26
RGB color chart
- C 9
- M 23
- Y 0
- K 74
CMYK color chart

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

The hexadecimal color #3c3342 has RGB values of R:60, G:51, B:66 and CMYK values of C:0.09, M:0.23, Y:0, K:0.74. Its decimal value is 3945282.

Hex triplet	3c3342	`#3c3342`
RGB Decimal	60, 51, 66	`rgb(60,51,66)`
RGB Percent	23.5, 20, 25.9	`rgb(23.5%,20%,25.9%)`
CMYK	9, 23, 0, 74
HSL	276°, 12.8, 22.9	`hsl(276,12.8%,22.9%)`
HSV (or HSB)	276°, 22.7, 25.9
Web Safe	333333	`#333333`

CIE-LAB	22.729, 7.423, -7.867
XYZ	4.031, 3.722, 5.66
xyY	0.301, 0.277, 3.722
CIE-LCH	22.729, 10.816, 313.335
CIE-LUV	22.729, 3.541, -9.575
Hunter-Lab	19.292, 3.533, -3.891
Binary	00111100, 00110011, 01000010

#3c3342
```
#3c3342 rgb(60,51,66)
```
#394233
```
#394233 rgb(57,66,51)
```

Complementary Color

#353342
```
#353342 rgb(53,51,66)
```
#3c3342
```
#3c3342 rgb(60,51,66)
```
#423341
```
#423341 rgb(66,51,65)
```

Analogous Color

#334235
```
#334235 rgb(51,66,53)
```
#3c3342
```
#3c3342 rgb(60,51,66)
```
#414233
```
#414233 rgb(65,66,51)
```

Split Complementary Color

#33423c
```
#33423c rgb(51,66,60)
```
#3c3342
```
#3c3342 rgb(60,51,66)
```
#423c33
```
#423c33 rgb(66,60,51)
```

Triadic Color

#333942
```
#333942 rgb(51,57,66)
```
#3c3342
```
#3c3342 rgb(60,51,66)
```
#423c33
```
#423c33 rgb(66,60,51)
```
#394233
```
#394233 rgb(57,66,51)
```

Tetradic Color

#151217
```
#151217 rgb(21,18,23)
```
#221d25
```
#221d25 rgb(34,29,37)
```
#2f2834
```
#2f2834 rgb(47,40,52)
```
#3c3342
```
#3c3342 rgb(60,51,66)
```
#493e50
```
#493e50 rgb(73,62,80)
```
#56495f
```
#56495f rgb(86,73,95)
```
#63546d
```
#63546d rgb(99,84,109)
```

Monochromatic Color

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

#383342
```
#383342 rgb(56,51,66)
```
#3a3342
```
#3a3342 rgb(58,51,66)
```
#3b3342
```
#3b3342 rgb(59,51,66)
```
#3c3342
```
#3c3342 rgb(60,51,66)
```
#3d3342
```
#3d3342 rgb(61,51,66)
```
#3f3342
```
#3f3342 rgb(63,51,66)
```
#403342
```
#403342 rgb(64,51,66)
```

Similar Colors

Text with hexadecimal color #3c3342

This text has a font color of #3c3342.

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

#3c3342 background color

This paragraph has a background color of #3c3342.

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

#3c3342 border color

This element has a border color of #3c3342.

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

CSS codes

.text {color:#3c3342;}

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

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

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, #0a080b is the darkest color, while #ffffff is the lightest one.

#0a080b
```
#0a080b rgb(10,8,11)
```
#141116
```
#141116 rgb(20,17,22)
```
#1e1921
```
#1e1921 rgb(30,25,33)
```
#28222c
```
#28222c rgb(40,34,44)
```
#322a37
```
#322a37 rgb(50,42,55)
```
#3c3342
```
#3c3342 rgb(60,51,66)
```
#463c4d
```
#463c4d rgb(70,60,77)
```
#504458
```
#504458 rgb(80,68,88)
```
#5a4d63
```
#5a4d63 rgb(90,77,99)
```
#64556e
```
#64556e rgb(100,85,110)
```
#6e5e79
```
#6e5e79 rgb(110,94,121)
```
#786684
```
#786684 rgb(120,102,132)
```
#826f8f
```
#826f8f rgb(130,111,143)
```

Shade Color Variation

#8c7a98
```
#8c7a98 rgb(140,122,152)
```
#9685a1
```
#9685a1 rgb(150,133,161)
```
#9f90a9
```
#9f90a9 rgb(159,144,169)
```
#a99bb2
```
#a99bb2 rgb(169,155,178)
```
#b2a6ba
```
#b2a6ba rgb(178,166,186)
```
#bcb1c3
```
#bcb1c3 rgb(188,177,195)
```
#c5bccb
```
#c5bccb rgb(197,188,203)
```
#cfc7d4
```
#cfc7d4 rgb(207,199,212)
```
#d8d2dc
```
#d8d2dc rgb(216,210,220)
```
#e2dde5
```
#e2dde5 rgb(226,221,229)
```
#ece8ee
```
#ece8ee rgb(236,232,238)
```
#f5f4f6
```
#f5f4f6 rgb(245,244,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#3b383e
```
#3b383e rgb(59,56,62)
```
#3c3342
```
#3c3342 rgb(60,51,66)
```
#3d2f47
```
#3d2f47 rgb(61,47,71)
```
#3e2a4b
```
#3e2a4b rgb(62,42,75)
```
#3f2650
```
#3f2650 rgb(63,38,80)
```
#402154
```
#402154 rgb(64,33,84)
```
#401d59
```
#401d59 rgb(64,29,89)
```
#41185d
```
#41185d rgb(65,24,93)
```
#421462
```
#421462 rgb(66,20,98)
```
#430f66
```
#430f66 rgb(67,15,102)
```
#440b6b
```
#440b6b rgb(68,11,107)
```
#45066f
```
#45066f rgb(69,6,111)
```
#460174
```
#460174 rgb(70,1,116)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#383639 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d404d Protanopia 1% of men
#413f4b Deuteranopia 1% of men
#443f43 Tritanopia 0.001% of the population

Trichromacy

#3d3b49 Protanomaly 1% of men, 0.01% of women
#3f3a47 Deuteranomaly 6% of men, 0.4% of women
#413a43 Tritanomaly 0.01% of the population

#3c3342 hex color

#3c3342 Color Information

#3c3342 Color Conversion

Color Schemes with #3c3342

Alternatives to #3c3342

#3c3342 Preview

Shades and Tints of #3c3342

Tones of #3c3342

Color Blindness Simulator