#3d4f5e hex color

In a RGB color space, hex #3d4f5e is composed of 23.9% red, 31% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 16% magenta, 0% yellow and 63.1% black. It has a hue angle of 207.3 degrees, a saturation of 21.3% and a lightness of 30.4%. #3d4f5e color hex could be obtained by blending #7a9ebc with #000000. Closest websafe color is: #336666.

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

● #3d4f5e color description : Very dark desaturated blue.

The hexadecimal color #3d4f5e has RGB values of R:61, G:79, B:94 and CMYK values of C:0.35, M:0.16, Y:0, K:0.63. Its decimal value is 4018014.

Hex triplet	3d4f5e	`#3d4f5e`
RGB Decimal	61, 79, 94	`rgb(61,79,94)`
RGB Percent	23.9, 31, 36.9	`rgb(23.9%,31%,36.9%)`
CMYK	35, 16, 0, 63
HSL	207.3°, 21.3, 30.4	`hsl(207.3,21.3%,30.4%)`
HSV (or HSB)	207.3°, 35.1, 36.9
Web Safe	336666	`#336666`

CIE-LAB	32.683, -2.882, -11.041
XYZ	6.74, 7.392, 11.661
xyY	0.261, 0.287, 7.392
CIE-LCH	32.683, 11.41, 255.372
CIE-LUV	32.683, -8.991, -13.758
Hunter-Lab	27.188, -3.326, -6.397
Binary	00111101, 01001111, 01011110

#3d4f5e
```
#3d4f5e rgb(61,79,94)
```
#5e4c3d
```
#5e4c3d rgb(94,76,61)
```

Complementary Color

#3d5e5d
```
#3d5e5d rgb(61,94,93)
```
#3d4f5e
```
#3d4f5e rgb(61,79,94)
```
#3d3f5e
```
#3d3f5e rgb(61,63,94)
```

Analogous Color

#5e5d3d
```
#5e5d3d rgb(94,93,61)
```
#3d4f5e
```
#3d4f5e rgb(61,79,94)
```
#5e3d3f
```
#5e3d3f rgb(94,61,63)
```

Split Complementary Color

#4f5e3d
```
#4f5e3d rgb(79,94,61)
```
#3d4f5e
```
#3d4f5e rgb(61,79,94)
```
#5e3d4f
```
#5e3d4f rgb(94,61,79)
```

Triadic Color

#3d5e4c
```
#3d5e4c rgb(61,94,76)
```
#3d4f5e
```
#3d4f5e rgb(61,79,94)
```
#5e3d4f
```
#5e3d4f rgb(94,61,79)
```
#5e4c3d
```
#5e4c3d rgb(94,76,61)
```

Tetradic Color

#1f2830
```
#1f2830 rgb(31,40,48)
```
#29353f
```
#29353f rgb(41,53,63)
```
#33424f
```
#33424f rgb(51,66,79)
```
#3d4f5e
```
#3d4f5e rgb(61,79,94)
```
#475c6d
```
#475c6d rgb(71,92,109)
```
#51697d
```
#51697d rgb(81,105,125)
```
#5b768c
```
#5b768c rgb(91,118,140)
```

Monochromatic Color

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

#3d575e
```
#3d575e rgb(61,87,94)
```
#3d555e
```
#3d555e rgb(61,85,94)
```
#3d525e
```
#3d525e rgb(61,82,94)
```
#3d4f5e
```
#3d4f5e rgb(61,79,94)
```
#3d4c5e
```
#3d4c5e rgb(61,76,94)
```
#3d4a5e
```
#3d4a5e rgb(61,74,94)
```
#3d475e
```
#3d475e rgb(61,71,94)
```

Similar Colors

Text with hexadecimal color #3d4f5e

This text has a font color of #3d4f5e.

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

#3d4f5e background color

This paragraph has a background color of #3d4f5e.

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

#3d4f5e border color

This element has a border color of #3d4f5e.

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

CSS codes

.text {color:#3d4f5e;}

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

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

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, #07090b is the darkest color, while #fefefe is the lightest one.

#07090b
```
#07090b rgb(7,9,11)
```
#0f1317
```
#0f1317 rgb(15,19,23)
```
#161d23
```
#161d23 rgb(22,29,35)
```
#1e272e
```
#1e272e rgb(30,39,46)
```
#26313a
```
#26313a rgb(38,49,58)
```
#2e3b46
```
#2e3b46 rgb(46,59,70)
```
#354552
```
#354552 rgb(53,69,82)
```
#3d4f5e
```
#3d4f5e rgb(61,79,94)
```
#45596a
```
#45596a rgb(69,89,106)
```
#4c6376
```
#4c6376 rgb(76,99,118)
```
#546d82
```
#546d82 rgb(84,109,130)
```
#5c778e
```
#5c778e rgb(92,119,142)
```
#648199
```
#648199 rgb(100,129,153)
```

Shade Color Variation

#6f8ba2
```
#6f8ba2 rgb(111,139,162)
```
#7b94a9
```
#7b94a9 rgb(123,148,169)
```
#879eb1
```
#879eb1 rgb(135,158,177)
```
#93a7b9
```
#93a7b9 rgb(147,167,185)
```
#9fb1c0
```
#9fb1c0 rgb(159,177,192)
```
#abbbc8
```
#abbbc8 rgb(171,187,200)
```
#b6c4d0
```
#b6c4d0 rgb(182,196,208)
```
#c2ced8
```
#c2ced8 rgb(194,206,216)
```
#ced8df
```
#ced8df rgb(206,216,223)
```
#dae1e7
```
#dae1e7 rgb(218,225,231)
```
#e6ebef
```
#e6ebef rgb(230,235,239)
```
#f2f4f7
```
#f2f4f7 rgb(242,244,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #494e52 is the less saturated color, while #01549a is the most saturated one.

#494e52
```
#494e52 rgb(73,78,82)
```
#434e58
```
#434e58 rgb(67,78,88)
```
#3d4f5e
```
#3d4f5e rgb(61,79,94)
```
#375064
```
#375064 rgb(55,80,100)
```
#31506a
```
#31506a rgb(49,80,106)
```
#2b5170
```
#2b5170 rgb(43,81,112)
```
#255176
```
#255176 rgb(37,81,118)
```
#1f527c
```
#1f527c rgb(31,82,124)
```
#195282
```
#195282 rgb(25,82,130)
```
#135388
```
#135388 rgb(19,83,136)
```
#0d538e
```
#0d538e rgb(13,83,142)
```
#075494
```
#075494 rgb(7,84,148)
```
#01549a
```
#01549a rgb(1,84,154)
```

Tone Color Variation

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

Dichromacy

#525564 Protanopia 1% of men
#545467 Deuteranopia 1% of men
#45595f Tritanopia 0.001% of the population

Trichromacy

#4a5362 Protanomaly 1% of men, 0.01% of women
#4c5264 Deuteranomaly 6% of men, 0.4% of women
#42555f Tritanomaly 0.01% of the population

#3d4f5e hex color

#3d4f5e Color Information

#3d4f5e Color Conversion

Color Schemes with #3d4f5e

Alternatives to #3d4f5e

#3d4f5e Preview

Shades and Tints of #3d4f5e

Tones of #3d4f5e

Color Blindness Simulator