#3d4f58 hex color

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

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

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

The hexadecimal color #3d4f58 has RGB values of R:61, G:79, B:88 and CMYK values of C:0.31, M:0.1, Y:0, K:0.65. Its decimal value is 4018008.

Hex triplet	3d4f58	`#3d4f58`
RGB Decimal	61, 79, 88	`rgb(61,79,88)`
RGB Percent	23.9, 31, 34.5	`rgb(23.9%,31%,34.5%)`
CMYK	31, 10, 0, 65
HSL	200°, 18.1, 29.2	`hsl(200,18.1%,29.2%)`
HSV (or HSB)	200°, 30.7, 34.5
Web Safe	336666	`#336666`

CIE-LAB	32.455, -4.581, -7.578
XYZ	6.481, 7.288, 10.297
xyY	0.269, 0.303, 7.288
CIE-LCH	32.455, 8.855, 238.845
CIE-LUV	32.455, -8.907, -8.941
Hunter-Lab	26.997, -4.39, -3.717
Binary	00111101, 01001111, 01011000

#3d4f58
```
#3d4f58 rgb(61,79,88)
```
#58463d
```
#58463d rgb(88,70,61)
```

Complementary Color

#3d5854
```
#3d5854 rgb(61,88,84)
```
#3d4f58
```
#3d4f58 rgb(61,79,88)
```
#3d4258
```
#3d4258 rgb(61,66,88)
```

Analogous Color

#58543d
```
#58543d rgb(88,84,61)
```
#3d4f58
```
#3d4f58 rgb(61,79,88)
```
#583d42
```
#583d42 rgb(88,61,66)
```

Split Complementary Color

#4f583d
```
#4f583d rgb(79,88,61)
```
#3d4f58
```
#3d4f58 rgb(61,79,88)
```
#583d4f
```
#583d4f rgb(88,61,79)
```

Triadic Color

#3d5846
```
#3d5846 rgb(61,88,70)
```
#3d4f58
```
#3d4f58 rgb(61,79,88)
```
#583d4f
```
#583d4f rgb(88,61,79)
```
#58463d
```
#58463d rgb(88,70,61)
```

Tetradic Color

#1e262b
```
#1e262b rgb(30,38,43)
```
#28343a
```
#28343a rgb(40,52,58)
```
#334149
```
#334149 rgb(51,65,73)
```
#3d4f58
```
#3d4f58 rgb(61,79,88)
```
#475d67
```
#475d67 rgb(71,93,103)
```
#526a76
```
#526a76 rgb(82,106,118)
```
#5c7885
```
#5c7885 rgb(92,120,133)
```

Monochromatic Color

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

#3d5658
```
#3d5658 rgb(61,86,88)
```
#3d5458
```
#3d5458 rgb(61,84,88)
```
#3d5158
```
#3d5158 rgb(61,81,88)
```
#3d4f58
```
#3d4f58 rgb(61,79,88)
```
#3d4d58
```
#3d4d58 rgb(61,77,88)
```
#3d4b58
```
#3d4b58 rgb(61,75,88)
```
#3d4858
```
#3d4858 rgb(61,72,88)
```

Similar Colors

Text with hexadecimal color #3d4f58

This text has a font color of #3d4f58.

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

#3d4f58 background color

This paragraph has a background color of #3d4f58.

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

#3d4f58 border color

This element has a border color of #3d4f58.

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

CSS codes

.text {color:#3d4f58;}

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

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

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)
```
#0d1112
```
#0d1112 rgb(13,17,18)
```
#151b1e
```
#151b1e rgb(21,27,30)
```
#1d252a
```
#1d252a rgb(29,37,42)
```
#253035
```
#253035 rgb(37,48,53)
```
#2d3a41
```
#2d3a41 rgb(45,58,65)
```
#35454c
```
#35454c rgb(53,69,76)
```
#3d4f58
```
#3d4f58 rgb(61,79,88)
```
#455964
```
#455964 rgb(69,89,100)
```
#4d646f
```
#4d646f rgb(77,100,111)
```
#556e7b
```
#556e7b rgb(85,110,123)
```
#5d7986
```
#5d7986 rgb(93,121,134)
```
#658392
```
#658392 rgb(101,131,146)
```

Shade Color Variation

#6f8d9b
```
#6f8d9b rgb(111,141,155)
```
#7b96a3
```
#7b96a3 rgb(123,150,163)
```
#869fab
```
#869fab rgb(134,159,171)
```
#92a8b3
```
#92a8b3 rgb(146,168,179)
```
#9eb2bc
```
#9eb2bc rgb(158,178,188)
```
#a9bbc4
```
#a9bbc4 rgb(169,187,196)
```
#b5c4cc
```
#b5c4cc rgb(181,196,204)
```
#c0cdd4
```
#c0cdd4 rgb(192,205,212)
```
#ccd6dc
```
#ccd6dc rgb(204,214,220)
```
#d8e0e4
```
#d8e0e4 rgb(216,224,228)
```
#e3e9ec
```
#e3e9ec rgb(227,233,236)
```
#eff2f4
```
#eff2f4 rgb(239,242,244)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#484b4d
```
#484b4d rgb(72,75,77)
```
#434d52
```
#434d52 rgb(67,77,82)
```
#3d4f58
```
#3d4f58 rgb(61,79,88)
```
#37515e
```
#37515e rgb(55,81,94)
```
#325363
```
#325363 rgb(50,83,99)
```
#2c5569
```
#2c5569 rgb(44,85,105)
```
#26576f
```
#26576f rgb(38,87,111)
```
#205975
```
#205975 rgb(32,89,117)
```
#1b5a7a
```
#1b5a7a rgb(27,90,122)
```
#155c80
```
#155c80 rgb(21,92,128)
```
#0f5e86
```
#0f5e86 rgb(15,94,134)
```
#09608c
```
#09608c rgb(9,96,140)
```
#046291
```
#046291 rgb(4,98,145)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#484c4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#54555e Protanopia 1% of men
#575362 Deuteranopia 1% of men
#46585e Tritanopia 0.001% of the population

Trichromacy

#4b525c Protanomaly 1% of men, 0.01% of women
#4d525e Deuteranomaly 6% of men, 0.4% of women
#43555c Tritanomaly 0.01% of the population

#3d4f58 hex color

#3d4f58 Color Information

#3d4f58 Color Conversion

Color Schemes with #3d4f58

Alternatives to #3d4f58

#3d4f58 Preview

Shades and Tints of #3d4f58

Tones of #3d4f58

Color Blindness Simulator