#3d3c48 hex color

In a RGB color space, hex #3d3c48 is composed of 23.9% red, 23.5% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 15.3% cyan, 16.7% magenta, 0% yellow and 71.8% black. It has a hue angle of 245 degrees, a saturation of 9.1% and a lightness of 25.9%. #3d3c48 color hex could be obtained by blending #7a7890 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 24
- G 24
- B 28
RGB color chart
- C 15
- M 17
- Y 0
- K 72
CMYK color chart

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

The hexadecimal color #3d3c48 has RGB values of R:61, G:60, B:72 and CMYK values of C:0.15, M:0.17, Y:0, K:0.72. Its decimal value is 4013128.

Hex triplet	3d3c48	`#3d3c48`
RGB Decimal	61, 60, 72	`rgb(61,60,72)`
RGB Percent	23.9, 23.5, 28.2	`rgb(23.9%,23.5%,28.2%)`
CMYK	15, 17, 0, 72
HSL	245°, 9.1, 25.9	`hsl(245,9.1%,25.9%)`
HSV (or HSB)	245°, 16.7, 28.2
Web Safe	333333	`#333333`

CIE-LAB	25.838, 3.316, -7.169
XYZ	4.71, 4.692, 6.788
xyY	0.291, 0.29, 4.692
CIE-LCH	25.838, 7.899, 294.819
CIE-LUV	25.838, -0.156, -8.717
Hunter-Lab	21.66, 0.908, -3.418
Binary	00111101, 00111100, 01001000

#3d3c48
```
#3d3c48 rgb(61,60,72)
```
#47483c
```
#47483c rgb(71,72,60)
```

Complementary Color

#3c4148
```
#3c4148 rgb(60,65,72)
```
#3d3c48
```
#3d3c48 rgb(61,60,72)
```
#433c48
```
#433c48 rgb(67,60,72)
```

Analogous Color

#41483c
```
#41483c rgb(65,72,60)
```
#3d3c48
```
#3d3c48 rgb(61,60,72)
```
#48433c
```
#48433c rgb(72,67,60)
```

Split Complementary Color

#3c483d
```
#3c483d rgb(60,72,61)
```
#3d3c48
```
#3d3c48 rgb(61,60,72)
```
#483d3c
```
#483d3c rgb(72,61,60)
```

Triadic Color

#3c4748
```
#3c4748 rgb(60,71,72)
```
#3d3c48
```
#3d3c48 rgb(61,60,72)
```
#483d3c
```
#483d3c rgb(72,61,60)
```
#47483c
```
#47483c rgb(71,72,60)
```

Tetradic Color

#1a191e
```
#1a191e rgb(26,25,30)
```
#25252c
```
#25252c rgb(37,37,44)
```
#31303a
```
#31303a rgb(49,48,58)
```
#3d3c48
```
#3d3c48 rgb(61,60,72)
```
#494856
```
#494856 rgb(73,72,86)
```
#555364
```
#555364 rgb(85,83,100)
```
#605f72
```
#605f72 rgb(96,95,114)
```

Monochromatic Color

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

#3c3e48
```
#3c3e48 rgb(60,62,72)
```
#3c3d48
```
#3c3d48 rgb(60,61,72)
```
#3c3c48
```
#3c3c48 rgb(60,60,72)
```
#3d3c48
```
#3d3c48 rgb(61,60,72)
```
#3e3c48
```
#3e3c48 rgb(62,60,72)
```
#3f3c48
```
#3f3c48 rgb(63,60,72)
```
#403c48
```
#403c48 rgb(64,60,72)
```

Similar Colors

Text with hexadecimal color #3d3c48

This text has a font color of #3d3c48.

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

#3d3c48 background color

This paragraph has a background color of #3d3c48.

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

#3d3c48 border color

This element has a border color of #3d3c48.

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

CSS codes

.text {color:#3d3c48;}

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

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

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

#070708
```
#070708 rgb(7,7,8)
```
#100f13
```
#100f13 rgb(16,15,19)
```
#19181d
```
#19181d rgb(25,24,29)
```
#222128
```
#222128 rgb(34,33,40)
```
#2b2a33
```
#2b2a33 rgb(43,42,51)
```
#34333d
```
#34333d rgb(52,51,61)
```
#3d3c48
```
#3d3c48 rgb(61,60,72)
```
#464553
```
#464553 rgb(70,69,83)
```
#4f4e5d
```
#4f4e5d rgb(79,78,93)
```
#585768
```
#585768 rgb(88,87,104)
```
#616073
```
#616073 rgb(97,96,115)
```
#6a697d
```
#6a697d rgb(106,105,125)
```
#737188
```
#737188 rgb(115,113,136)
```

Shade Color Variation

#7e7c92
```
#7e7c92 rgb(126,124,146)
```
#88869b
```
#88869b rgb(136,134,155)
```
#9391a3
```
#9391a3 rgb(147,145,163)
```
#9d9cac
```
#9d9cac rgb(157,156,172)
```
#a8a7b5
```
#a8a7b5 rgb(168,167,181)
```
#b2b1be
```
#b2b1be rgb(178,177,190)
```
#bdbcc7
```
#bdbcc7 rgb(189,188,199)
```
#c7c7d0
```
#c7c7d0 rgb(199,199,208)
```
#d2d1d9
```
#d2d1d9 rgb(210,209,217)
```
#dcdce2
```
#dcdce2 rgb(220,220,226)
```
#e7e7eb
```
#e7e7eb rgb(231,231,235)
```
#f2f1f4
```
#f2f1f4 rgb(242,241,244)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#414143
```
#414143 rgb(65,65,67)
```
#3d3c48
```
#3d3c48 rgb(61,60,72)
```
#39374d
```
#39374d rgb(57,55,77)
```
#353252
```
#353252 rgb(53,50,82)
```
#302d57
```
#302d57 rgb(48,45,87)
```
#2c285c
```
#2c285c rgb(44,40,92)
```
#282361
```
#282361 rgb(40,35,97)
```
#241e66
```
#241e66 rgb(36,30,102)
```
#1f186c
```
#1f186c rgb(31,24,108)
```
#1b1371
```
#1b1371 rgb(27,19,113)
```
#170e76
```
#170e76 rgb(23,14,118)
```
#13097b
```
#13097b rgb(19,9,123)
```
#0e0480
```
#0e0480 rgb(14,4,128)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3e3e40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#454651 Protanopia 1% of men
#484551 Deuteranopia 1% of men
#46474c Tritanopia 0.001% of the population

Trichromacy

#42424e Protanomaly 1% of men, 0.01% of women
#44424e Deuteranomaly 6% of men, 0.4% of women
#42434a Tritanomaly 0.01% of the population

#3d3c48 hex color

#3d3c48 Color Information

#3d3c48 Color Conversion

Color Schemes with #3d3c48

Alternatives to #3d3c48

#3d3c48 Preview

Shades and Tints of #3d3c48

Tones of #3d3c48

Color Blindness Simulator