#3d3c46 hex color

In a RGB color space, hex #3d3c46 is composed of 23.9% red, 23.5% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 12.9% cyan, 14.3% magenta, 0% yellow and 72.5% black. It has a hue angle of 246 degrees, a saturation of 7.7% and a lightness of 25.5%. #3d3c46 color hex could be obtained by blending #7a788c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 24
- G 24
- B 27
RGB color chart
- C 13
- M 14
- Y 0
- K 73
CMYK color chart

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

The hexadecimal color #3d3c46 has RGB values of R:61, G:60, B:70 and CMYK values of C:0.13, M:0.14, Y:0, K:0.73. Its decimal value is 4013126.

Hex triplet	3d3c46	`#3d3c46`
RGB Decimal	61, 60, 70	`rgb(61,60,70)`
RGB Percent	23.9, 23.5, 27.5	`rgb(23.9%,23.5%,27.5%)`
CMYK	13, 14, 0, 73
HSL	246°, 7.7, 25.5	`hsl(246,7.7%,25.5%)`
HSV (or HSB)	246°, 14.3, 27.5
Web Safe	333333	`#333333`

CIE-LAB	25.761, 2.807, -5.962
XYZ	4.646, 4.666, 6.45
xyY	0.295, 0.296, 4.666
CIE-LCH	25.761, 6.59, 295.212
CIE-LUV	25.761, -0.041, -7.208
Hunter-Lab	21.601, 0.588, -2.583
Binary	00111101, 00111100, 01000110

#3d3c46
```
#3d3c46 rgb(61,60,70)
```
#45463c
```
#45463c rgb(69,70,60)
```

Complementary Color

#3c4046
```
#3c4046 rgb(60,64,70)
```
#3d3c46
```
#3d3c46 rgb(61,60,70)
```
#423c46
```
#423c46 rgb(66,60,70)
```

Analogous Color

#40463c
```
#40463c rgb(64,70,60)
```
#3d3c46
```
#3d3c46 rgb(61,60,70)
```
#46423c
```
#46423c rgb(70,66,60)
```

Split Complementary Color

#3c463d
```
#3c463d rgb(60,70,61)
```
#3d3c46
```
#3d3c46 rgb(61,60,70)
```
#463d3c
```
#463d3c rgb(70,61,60)
```

Triadic Color

#3c4546
```
#3c4546 rgb(60,69,70)
```
#3d3c46
```
#3d3c46 rgb(61,60,70)
```
#463d3c
```
#463d3c rgb(70,61,60)
```
#45463c
```
#45463c rgb(69,70,60)
```

Tetradic Color

#19191d
```
#19191d rgb(25,25,29)
```
#25242b
```
#25242b rgb(37,36,43)
```
#313038
```
#313038 rgb(49,48,56)
```
#3d3c46
```
#3d3c46 rgb(61,60,70)
```
#494854
```
#494854 rgb(73,72,84)
```
#555461
```
#555461 rgb(85,84,97)
```
#615f6f
```
#615f6f rgb(97,95,111)
```

Monochromatic Color

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

#3c3e46
```
#3c3e46 rgb(60,62,70)
```
#3c3d46
```
#3c3d46 rgb(60,61,70)
```
#3c3c46
```
#3c3c46 rgb(60,60,70)
```
#3d3c46
```
#3d3c46 rgb(61,60,70)
```
#3e3c46
```
#3e3c46 rgb(62,60,70)
```
#3f3c46
```
#3f3c46 rgb(63,60,70)
```
#403c46
```
#403c46 rgb(64,60,70)
```

Similar Colors

Text with hexadecimal color #3d3c46

This text has a font color of #3d3c46.

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

#3d3c46 background color

This paragraph has a background color of #3d3c46.

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

#3d3c46 border color

This element has a border color of #3d3c46.

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

CSS codes

.text {color:#3d3c46;}

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

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

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

#060607
```
#060607 rgb(6,6,7)
```
#0f0f11
```
#0f0f11 rgb(15,15,17)
```
#18181c
```
#18181c rgb(24,24,28)
```
#212126
```
#212126 rgb(33,33,38)
```
#2b2a31
```
#2b2a31 rgb(43,42,49)
```
#34333b
```
#34333b rgb(52,51,59)
```
#3d3c46
```
#3d3c46 rgb(61,60,70)
```
#464551
```
#464551 rgb(70,69,81)
```
#4f4e5b
```
#4f4e5b rgb(79,78,91)
```
#595766
```
#595766 rgb(89,87,102)
```
#626070
```
#626070 rgb(98,96,112)
```
#6b697b
```
#6b697b rgb(107,105,123)
```
#747285
```
#747285 rgb(116,114,133)
```

Shade Color Variation

#7e7c8f
```
#7e7c8f rgb(126,124,143)
```
#898798
```
#898798 rgb(137,135,152)
```
#9391a1
```
#9391a1 rgb(147,145,161)
```
#9d9caa
```
#9d9caa rgb(157,156,170)
```
#a8a7b3
```
#a8a7b3 rgb(168,167,179)
```
#b2b1bc
```
#b2b1bc rgb(178,177,188)
```
#bdbcc5
```
#bdbcc5 rgb(189,188,197)
```
#c7c6ce
```
#c7c6ce rgb(199,198,206)
```
#d1d1d7
```
#d1d1d7 rgb(209,209,215)
```
#dcdbe0
```
#dcdbe0 rgb(220,219,224)
```
#e6e6ea
```
#e6e6ea rgb(230,230,234)
```
#f1f1f3
```
#f1f1f3 rgb(241,241,243)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

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

#414141
```
#414141 rgb(65,65,65)
```
#3d3c46
```
#3d3c46 rgb(61,60,70)
```
#39374b
```
#39374b rgb(57,55,75)
```
#353250
```
#353250 rgb(53,50,80)
```
#312d55
```
#312d55 rgb(49,45,85)
```
#2d285a
```
#2d285a rgb(45,40,90)
```
#29235f
```
#29235f rgb(41,35,95)
```
#251e64
```
#251e64 rgb(37,30,100)
```
#211969
```
#211969 rgb(33,25,105)
```
#1d146e
```
#1d146e rgb(29,20,110)
```
#190f73
```
#190f73 rgb(25,15,115)
```
#150a78
```
#150a78 rgb(21,10,120)
```
#11057d
```
#11057d rgb(17,5,125)
```

Tone Color Variation

Below, you can see how #3d3c46 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
#3d3d3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#45464f Protanopia 1% of men
#49454f Deuteranopia 1% of men
#46464b Tritanopia 0.001% of the population

Trichromacy

#42424c Protanomaly 1% of men, 0.01% of women
#44424c Deuteranomaly 6% of men, 0.4% of women
#424249 Tritanomaly 0.01% of the population

#3d3c46 hex color

#3d3c46 Color Information

#3d3c46 Color Conversion

Color Schemes with #3d3c46

Alternatives to #3d3c46

#3d3c46 Preview

Shades and Tints of #3d3c46

Tones of #3d3c46

Color Blindness Simulator