#394d6f hex color

In a RGB color space, hex #394d6f is composed of 22.4% red, 30.2% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 30.6% magenta, 0% yellow and 56.5% black. It has a hue angle of 217.8 degrees, a saturation of 32.1% and a lightness of 32.9%. #394d6f color hex could be obtained by blending #729ade with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 22
- G 30
- B 44
RGB color chart
- C 49
- M 31
- Y 0
- K 56
CMYK color chart

● #394d6f color description : Very dark desaturated blue.

The hexadecimal color #394d6f has RGB values of R:57, G:77, B:111 and CMYK values of C:0.49, M:0.31, Y:0, K:0.56. Its decimal value is 3755375.

Hex triplet	394d6f	`#394d6f`
RGB Decimal	57, 77, 111	`rgb(57,77,111)`
RGB Percent	22.4, 30.2, 43.5	`rgb(22.4%,30.2%,43.5%)`
CMYK	49, 31, 0, 56
HSL	217.8°, 32.1, 32.9	`hsl(217.8,32.1%,32.9%)`
HSV (or HSB)	217.8°, 48.6, 43.5
Web Safe	336666	`#336666`

CIE-LAB	32.536, 2.452, -22.016
XYZ	7.21, 7.325, 16.072
xyY	0.236, 0.239, 7.325
CIE-LCH	32.536, 22.152, 276.354
CIE-LUV	32.536, -9.886, -29.404
Hunter-Lab	27.065, 0.188, -16.263
Binary	00111001, 01001101, 01101111

#394d6f
```
#394d6f rgb(57,77,111)
```
#6f5b39
```
#6f5b39 rgb(111,91,57)
```

Complementary Color

#39686f
```
#39686f rgb(57,104,111)
```
#394d6f
```
#394d6f rgb(57,77,111)
```
#40396f
```
#40396f rgb(64,57,111)
```

Analogous Color

#686f39
```
#686f39 rgb(104,111,57)
```
#394d6f
```
#394d6f rgb(57,77,111)
```
#6f4039
```
#6f4039 rgb(111,64,57)
```

Split Complementary Color

#4d6f39
```
#4d6f39 rgb(77,111,57)
```
#394d6f
```
#394d6f rgb(57,77,111)
```
#6f394d
```
#6f394d rgb(111,57,77)
```

Triadic Color

#396f5b
```
#396f5b rgb(57,111,91)
```
#394d6f
```
#394d6f rgb(57,77,111)
```
#6f394d
```
#6f394d rgb(111,57,77)
```
#6f5b39
```
#6f5b39 rgb(111,91,57)
```

Tetradic Color

#1f2a3c
```
#1f2a3c rgb(31,42,60)
```
#28364d
```
#28364d rgb(40,54,77)
```
#30415e
```
#30415e rgb(48,65,94)
```
#394d6f
```
#394d6f rgb(57,77,111)
```
#425980
```
#425980 rgb(66,89,128)
```
#4a6491
```
#4a6491 rgb(74,100,145)
```
#5370a2
```
#5370a2 rgb(83,112,162)
```

Monochromatic Color

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

#395b6f
```
#395b6f rgb(57,91,111)
```
#39566f
```
#39566f rgb(57,86,111)
```
#39526f
```
#39526f rgb(57,82,111)
```
#394d6f
```
#394d6f rgb(57,77,111)
```
#39496f
```
#39496f rgb(57,73,111)
```
#39446f
```
#39446f rgb(57,68,111)
```
#39406f
```
#39406f rgb(57,64,111)
```

Similar Colors

Text with hexadecimal color #394d6f

This text has a font color of #394d6f.

<span style="color:#394d6f;">Text here</span>

#394d6f background color

This paragraph has a background color of #394d6f.

<p style="background-color:#394d6f;">Content here</p>

#394d6f border color

This element has a border color of #394d6f.

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

CSS codes

.text {color:#394d6f;}

.background {background-color:#394d6f;}

.border {border:1px solid #394d6f;}

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

#040507
```
#040507 rgb(4,5,7)
```
#0a0e14
```
#0a0e14 rgb(10,14,20)
```
#111721
```
#111721 rgb(17,23,33)
```
#18202e
```
#18202e rgb(24,32,46)
```
#1e293b
```
#1e293b rgb(30,41,59)
```
#253248
```
#253248 rgb(37,50,72)
```
#2c3b55
```
#2c3b55 rgb(44,59,85)
```
#324462
```
#324462 rgb(50,68,98)
```
#394d6f
```
#394d6f rgb(57,77,111)
```
#40567c
```
#40567c rgb(64,86,124)
```
#465f89
```
#465f89 rgb(70,95,137)
```
#4d6896
```
#4d6896 rgb(77,104,150)
```
#5471a3
```
#5471a3 rgb(84,113,163)
```

Shade Color Variation

#5e7bac
```
#5e7bac rgb(94,123,172)
```
#6b86b3
```
#6b86b3 rgb(107,134,179)
```
#7890ba
```
#7890ba rgb(120,144,186)
```
#859bc0
```
#859bc0 rgb(133,155,192)
```
#92a5c7
```
#92a5c7 rgb(146,165,199)
```
#9fb0ce
```
#9fb0ce rgb(159,176,206)
```
#acbbd4
```
#acbbd4 rgb(172,187,212)
```
#b9c5db
```
#b9c5db rgb(185,197,219)
```
#c6d0e1
```
#c6d0e1 rgb(198,208,225)
```
#d2dbe8
```
#d2dbe8 rgb(210,219,232)
```
#dfe5ef
```
#dfe5ef rgb(223,229,239)
```
#ecf0f5
```
#ecf0f5 rgb(236,240,245)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#535455
```
#535455 rgb(83,84,85)
```
#4c525c
```
#4c525c rgb(76,82,92)
```
#465062
```
#465062 rgb(70,80,98)
```
#3f4f69
```
#3f4f69 rgb(63,79,105)
```
#394d6f
```
#394d6f rgb(57,77,111)
```
#334b75
```
#334b75 rgb(51,75,117)
```
#2c4a7c
```
#2c4a7c rgb(44,74,124)
```
#264882
```
#264882 rgb(38,72,130)
```
#1f4689
```
#1f4689 rgb(31,70,137)
```
#19458f
```
#19458f rgb(25,69,143)
```
#124396
```
#124396 rgb(18,67,150)
```
#0c419c
```
#0c419c rgb(12,65,156)
```
#0540a3
```
#0540a3 rgb(5,64,163)
```

Tone Color Variation

Below, you can see how #394d6f 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
#474b52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5475 Protanopia 1% of men
#485576 Deuteranopia 1% of men
#3b5a61 Tritanopia 0.001% of the population

Trichromacy

#445173 Protanomaly 1% of men, 0.01% of women
#425274 Deuteranomaly 6% of men, 0.4% of women
#3a5566 Tritanomaly 0.01% of the population

#394d6f hex color

#394d6f Color Information

#394d6f Color Conversion

Color Schemes with #394d6f

Alternatives to #394d6f

#394d6f Preview

Shades and Tints of #394d6f

Tones of #394d6f

Color Blindness Simulator