#3d4a58 hex color

In a RGB color space, hex #3d4a58 is composed of 23.9% red, 29% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 30.7% cyan, 15.9% magenta, 0% yellow and 65.5% black. It has a hue angle of 211.1 degrees, a saturation of 18.1% and a lightness of 29.2%. #3d4a58 color hex could be obtained by blending #7a94b0 with #000000. Closest websafe color is: #333366.

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

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

The hexadecimal color #3d4a58 has RGB values of R:61, G:74, B:88 and CMYK values of C:0.31, M:0.16, Y:0, K:0.65. Its decimal value is 4016728.

Hex triplet	3d4a58	`#3d4a58`
RGB Decimal	61, 74, 88	`rgb(61,74,88)`
RGB Percent	23.9, 29, 34.5	`rgb(23.9%,29%,34.5%)`
CMYK	31, 16, 0, 65
HSL	211.1°, 18.1, 29.2	`hsl(211.1,18.1%,29.2%)`
HSV (or HSB)	211.1°, 30.7, 34.5
Web Safe	333366	`#333366`

CIE-LAB	30.864, -1.441, -9.978
XYZ	6.134, 6.594, 10.182
xyY	0.268, 0.288, 6.594
CIE-LCH	30.864, 10.081, 261.783
CIE-LUV	30.864, -6.77, -12.296
Hunter-Lab	25.679, -2.297, -5.533
Binary	00111101, 01001010, 01011000

#3d4a58
```
#3d4a58 rgb(61,74,88)
```
#584b3d
```
#584b3d rgb(88,75,61)
```

Complementary Color

#3d5858
```
#3d5858 rgb(61,88,88)
```
#3d4a58
```
#3d4a58 rgb(61,74,88)
```
#3e3d58
```
#3e3d58 rgb(62,61,88)
```

Analogous Color

#58583d
```
#58583d rgb(88,88,61)
```
#3d4a58
```
#3d4a58 rgb(61,74,88)
```
#583e3d
```
#583e3d rgb(88,62,61)
```

Split Complementary Color

#4a583d
```
#4a583d rgb(74,88,61)
```
#3d4a58
```
#3d4a58 rgb(61,74,88)
```
#583d4a
```
#583d4a rgb(88,61,74)
```

Triadic Color

#3d584b
```
#3d584b rgb(61,88,75)
```
#3d4a58
```
#3d4a58 rgb(61,74,88)
```
#583d4a
```
#583d4a rgb(88,61,74)
```
#584b3d
```
#584b3d rgb(88,75,61)
```

Tetradic Color

#1e242b
```
#1e242b rgb(30,36,43)
```
#28313a
```
#28313a rgb(40,49,58)
```
#333d49
```
#333d49 rgb(51,61,73)
```
#3d4a58
```
#3d4a58 rgb(61,74,88)
```
#475767
```
#475767 rgb(71,87,103)
```
#526376
```
#526376 rgb(82,99,118)
```
#5c7085
```
#5c7085 rgb(92,112,133)
```

Monochromatic Color

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

#3d5158
```
#3d5158 rgb(61,81,88)
```
#3d4f58
```
#3d4f58 rgb(61,79,88)
```
#3d4c58
```
#3d4c58 rgb(61,76,88)
```
#3d4a58
```
#3d4a58 rgb(61,74,88)
```
#3d4858
```
#3d4858 rgb(61,72,88)
```
#3d4658
```
#3d4658 rgb(61,70,88)
```
#3d4358
```
#3d4358 rgb(61,67,88)
```

Similar Colors

Text with hexadecimal color #3d4a58

This text has a font color of #3d4a58.

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

#3d4a58 background color

This paragraph has a background color of #3d4a58.

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

#3d4a58 border color

This element has a border color of #3d4a58.

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

CSS codes

.text {color:#3d4a58;}

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

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

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

#050607
```
#050607 rgb(5,6,7)
```
#0d1012
```
#0d1012 rgb(13,16,18)
```
#15191e
```
#15191e rgb(21,25,30)
```
#1d232a
```
#1d232a rgb(29,35,42)
```
#252d35
```
#252d35 rgb(37,45,53)
```
#2d3741
```
#2d3741 rgb(45,55,65)
```
#35404c
```
#35404c rgb(53,64,76)
```
#3d4a58
```
#3d4a58 rgb(61,74,88)
```
#455464
```
#455464 rgb(69,84,100)
```
#4d5d6f
```
#4d5d6f rgb(77,93,111)
```
#55677b
```
#55677b rgb(85,103,123)
```
#5d7186
```
#5d7186 rgb(93,113,134)
```
#657b92
```
#657b92 rgb(101,123,146)
```

Shade Color Variation

#6f859b
```
#6f859b rgb(111,133,155)
```
#7b8ea3
```
#7b8ea3 rgb(123,142,163)
```
#8698ab
```
#8698ab rgb(134,152,171)
```
#92a2b3
```
#92a2b3 rgb(146,162,179)
```
#9eacbc
```
#9eacbc rgb(158,172,188)
```
#a9b6c4
```
#a9b6c4 rgb(169,182,196)
```
#b5c0cc
```
#b5c0cc rgb(181,192,204)
```
#c0cad4
```
#c0cad4 rgb(192,202,212)
```
#ccd4dc
```
#ccd4dc rgb(204,212,220)
```
#d8dde4
```
#d8dde4 rgb(216,221,228)
```
#e3e7ec
```
#e3e7ec rgb(227,231,236)
```
#eff1f4
```
#eff1f4 rgb(239,241,244)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#484a4d
```
#484a4d rgb(72,74,77)
```
#434a52
```
#434a52 rgb(67,74,82)
```
#3d4a58
```
#3d4a58 rgb(61,74,88)
```
#374a5e
```
#374a5e rgb(55,74,94)
```
#324a63
```
#324a63 rgb(50,74,99)
```
#2c4969
```
#2c4969 rgb(44,73,105)
```
#26496f
```
#26496f rgb(38,73,111)
```
#204975
```
#204975 rgb(32,73,117)
```
#1b497a
```
#1b497a rgb(27,73,122)
```
#154980
```
#154980 rgb(21,73,128)
```
#0f4886
```
#0f4886 rgb(15,72,134)
```
#09488c
```
#09488c rgb(9,72,140)
```
#044891
```
#044891 rgb(4,72,145)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#46484b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f515f Protanopia 1% of men
#515061 Deuteranopia 1% of men
#45545a Tritanopia 0.001% of the population

Trichromacy

#484e5c Protanomaly 1% of men, 0.01% of women
#4a4e5e Deuteranomaly 6% of men, 0.4% of women
#425059 Tritanomaly 0.01% of the population

#3d4a58 hex color

#3d4a58 Color Information

#3d4a58 Color Conversion

Color Schemes with #3d4a58

Alternatives to #3d4a58

#3d4a58 Preview

Shades and Tints of #3d4a58

Tones of #3d4a58

Color Blindness Simulator