#3d4b50 hex color

In a RGB color space, hex #3d4b50 is composed of 23.9% red, 29.4% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 23.8% cyan, 6.2% magenta, 0% yellow and 68.6% black. It has a hue angle of 195.8 degrees, a saturation of 13.5% and a lightness of 27.6%. #3d4b50 color hex could be obtained by blending #7a96a0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 24
- G 29
- B 31
RGB color chart
- C 24
- M 6
- Y 0
- K 69
CMYK color chart

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

The hexadecimal color #3d4b50 has RGB values of R:61, G:75, B:80 and CMYK values of C:0.24, M:0.06, Y:0, K:0.69. Its decimal value is 4016976.

Hex triplet	3d4b50	`#3d4b50`
RGB Decimal	61, 75, 80	`rgb(61,75,80)`
RGB Percent	23.9, 29.4, 31.4	`rgb(23.9%,29.4%,31.4%)`
CMYK	24, 6, 0, 69
HSL	195.8°, 13.5, 27.6	`hsl(195.8,13.5%,27.6%)`
HSV (or HSB)	195.8°, 23.8, 31.4
Web Safe	333366	`#333366`

CIE-LAB	30.886, -4.254, -4.817
XYZ	5.888, 6.603, 8.553
xyY	0.28, 0.314, 6.603
CIE-LCH	30.886, 6.427, 228.553
CIE-LUV	30.886, -7.024, -5.331
Hunter-Lab	25.697, -4.068, -1.747
Binary	00111101, 01001011, 01010000

#3d4b50
```
#3d4b50 rgb(61,75,80)
```
#50423d
```
#50423d rgb(80,66,61)
```

Complementary Color

#3d504c
```
#3d504c rgb(61,80,76)
```
#3d4b50
```
#3d4b50 rgb(61,75,80)
```
#3d4250
```
#3d4250 rgb(61,66,80)
```

Analogous Color

#504c3d
```
#504c3d rgb(80,76,61)
```
#3d4b50
```
#3d4b50 rgb(61,75,80)
```
#503d42
```
#503d42 rgb(80,61,66)
```

Split Complementary Color

#4b503d
```
#4b503d rgb(75,80,61)
```
#3d4b50
```
#3d4b50 rgb(61,75,80)
```
#503d4b
```
#503d4b rgb(80,61,75)
```

Triadic Color

#3d5042
```
#3d5042 rgb(61,80,66)
```
#3d4b50
```
#3d4b50 rgb(61,75,80)
```
#503d4b
```
#503d4b rgb(80,61,75)
```
#50423d
```
#50423d rgb(80,66,61)
```

Tetradic Color

#1c2225
```
#1c2225 rgb(28,34,37)
```
#273033
```
#273033 rgb(39,48,51)
```
#323d42
```
#323d42 rgb(50,61,66)
```
#3d4b50
```
#3d4b50 rgb(61,75,80)
```
#48595e
```
#48595e rgb(72,89,94)
```
#53666d
```
#53666d rgb(83,102,109)
```
#5e747b
```
#5e747b rgb(94,116,123)
```

Monochromatic Color

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

#3d5050
```
#3d5050 rgb(61,80,80)
```
#3d4e50
```
#3d4e50 rgb(61,78,80)
```
#3d4d50
```
#3d4d50 rgb(61,77,80)
```
#3d4b50
```
#3d4b50 rgb(61,75,80)
```
#3d4950
```
#3d4950 rgb(61,73,80)
```
#3d4850
```
#3d4850 rgb(61,72,80)
```
#3d4650
```
#3d4650 rgb(61,70,80)
```

Similar Colors

Text with hexadecimal color #3d4b50

This text has a font color of #3d4b50.

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

#3d4b50 background color

This paragraph has a background color of #3d4b50.

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

#3d4b50 border color

This element has a border color of #3d4b50.

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

CSS codes

.text {color:#3d4b50;}

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

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0a0c0d
```
#0a0c0d rgb(10,12,13)
```
#131718
```
#131718 rgb(19,23,24)
```
#1b2123
```
#1b2123 rgb(27,33,35)
```
#242c2f
```
#242c2f rgb(36,44,47)
```
#2c363a
```
#2c363a rgb(44,54,58)
```
#354145
```
#354145 rgb(53,65,69)
```
#3d4b50
```
#3d4b50 rgb(61,75,80)
```
#45555b
```
#45555b rgb(69,85,91)
```
#4e6066
```
#4e6066 rgb(78,96,102)
```
#566a71
```
#566a71 rgb(86,106,113)
```
#5f757d
```
#5f757d rgb(95,117,125)
```
#677f88
```
#677f88 rgb(103,127,136)
```

Shade Color Variation

#708992
```
#708992 rgb(112,137,146)
```
#7c939b
```
#7c939b rgb(124,147,155)
```
#879ca3
```
#879ca3 rgb(135,156,163)
```
#92a5ac
```
#92a5ac rgb(146,165,172)
```
#9daeb4
```
#9daeb4 rgb(157,174,180)
```
#a8b7bd
```
#a8b7bd rgb(168,183,189)
```
#b3c0c5
```
#b3c0c5 rgb(179,192,197)
```
#becace
```
#becace rgb(190,202,206)
```
#c9d3d6
```
#c9d3d6 rgb(201,211,214)
```
#d5dcdf
```
#d5dcdf rgb(213,220,223)
```
#e0e5e7
```
#e0e5e7 rgb(224,229,231)
```
#ebeef0
```
#ebeef0 rgb(235,238,240)
```
#f6f8f8
```
#f6f8f8 rgb(246,248,248)
```

Tint Color Variation

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

#42484b
```
#42484b rgb(66,72,75)
```
#3d4b50
```
#3d4b50 rgb(61,75,80)
```
#384e55
```
#384e55 rgb(56,78,85)
```
#32505b
```
#32505b rgb(50,80,91)
```
#2d5360
```
#2d5360 rgb(45,83,96)
```
#275566
```
#275566 rgb(39,85,102)
```
#22586b
```
#22586b rgb(34,88,107)
```
#1c5a71
```
#1c5a71 rgb(28,90,113)
```
#175d76
```
#175d76 rgb(23,93,118)
```
#12607b
```
#12607b rgb(18,96,123)
```
#0c6281
```
#0c6281 rgb(12,98,129)
```
#076586
```
#076586 rgb(7,101,134)
```
#01678c
```
#01678c rgb(1,103,140)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#454849 Atypical Achromatopsia 0.001% of the population

Dichromacy

#515157 Protanopia 1% of men
#55505a Deuteranopia 1% of men
#47545a Tritanopia 0.001% of the population

Trichromacy

#4a4f54 Protanomaly 1% of men, 0.01% of women
#4c4e56 Deuteranomaly 6% of men, 0.4% of women
#435056 Tritanomaly 0.01% of the population

#3d4b50 hex color

#3d4b50 Color Information

#3d4b50 Color Conversion

Color Schemes with #3d4b50

Alternatives to #3d4b50

#3d4b50 Preview

Shades and Tints of #3d4b50

Tones of #3d4b50

Color Blindness Simulator