#394f63 hex color

In a RGB color space, hex #394f63 is composed of 22.4% red, 31% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 42.4% cyan, 20.2% magenta, 0% yellow and 61.2% black. It has a hue angle of 208.6 degrees, a saturation of 26.9% and a lightness of 30.6%. #394f63 color hex could be obtained by blending #729ec6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 22
- G 31
- B 39
RGB color chart
- C 42
- M 20
- Y 0
- K 61
CMYK color chart

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

The hexadecimal color #394f63 has RGB values of R:57, G:79, B:99 and CMYK values of C:0.42, M:0.2, Y:0, K:0.61. Its decimal value is 3755875.

Hex triplet	394f63	`#394f63`
RGB Decimal	57, 79, 99	`rgb(57,79,99)`
RGB Percent	22.4, 31, 38.8	`rgb(22.4%,31%,38.8%)`
CMYK	42, 20, 0, 61
HSL	208.6°, 26.9, 30.6	`hsl(208.6,26.9%,30.6%)`
HSV (or HSB)	208.6°, 42.4, 38.8
Web Safe	336666	`#336666`

CIE-LAB	32.618, -2.657, -14.328
XYZ	6.735, 7.362, 12.87
xyY	0.25, 0.273, 7.362
CIE-LCH	32.618, 14.573, 259.495
CIE-LUV	32.618, -10.561, -18.227
Hunter-Lab	27.134, -3.178, -9.128
Binary	00111001, 01001111, 01100011

#394f63
```
#394f63 rgb(57,79,99)
```
#634d39
```
#634d39 rgb(99,77,57)
```

Complementary Color

#396362
```
#396362 rgb(57,99,98)
```
#394f63
```
#394f63 rgb(57,79,99)
```
#393a63
```
#393a63 rgb(57,58,99)
```

Analogous Color

#636239
```
#636239 rgb(99,98,57)
```
#394f63
```
#394f63 rgb(57,79,99)
```
#63393a
```
#63393a rgb(99,57,58)
```

Split Complementary Color

#4f6339
```
#4f6339 rgb(79,99,57)
```
#394f63
```
#394f63 rgb(57,79,99)
```
#63394f
```
#63394f rgb(99,57,79)
```

Triadic Color

#39634d
```
#39634d rgb(57,99,77)
```
#394f63
```
#394f63 rgb(57,79,99)
```
#63394f
```
#63394f rgb(99,57,79)
```
#634d39
```
#634d39 rgb(99,77,57)
```

Tetradic Color

#1d2832
```
#1d2832 rgb(29,40,50)
```
#263543
```
#263543 rgb(38,53,67)
```
#304253
```
#304253 rgb(48,66,83)
```
#394f63
```
#394f63 rgb(57,79,99)
```
#425c73
```
#425c73 rgb(66,92,115)
```
#4c6983
```
#4c6983 rgb(76,105,131)
```
#557694
```
#557694 rgb(85,118,148)
```

Monochromatic Color

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

#395a63
```
#395a63 rgb(57,90,99)
```
#395663
```
#395663 rgb(57,86,99)
```
#395363
```
#395363 rgb(57,83,99)
```
#394f63
```
#394f63 rgb(57,79,99)
```
#394c63
```
#394c63 rgb(57,76,99)
```
#394863
```
#394863 rgb(57,72,99)
```
#394563
```
#394563 rgb(57,69,99)
```

Similar Colors

Text with hexadecimal color #394f63

This text has a font color of #394f63.

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

#394f63 background color

This paragraph has a background color of #394f63.

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

#394f63 border color

This element has a border color of #394f63.

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

CSS codes

.text {color:#394f63;}

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

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

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

#07090c
```
#07090c rgb(7,9,12)
```
#0e1318
```
#0e1318 rgb(14,19,24)
```
#151d25
```
#151d25 rgb(21,29,37)
```
#1c2731
```
#1c2731 rgb(28,39,49)
```
#23313e
```
#23313e rgb(35,49,62)
```
#2b3b4a
```
#2b3b4a rgb(43,59,74)
```
#324557
```
#324557 rgb(50,69,87)
```
#394f63
```
#394f63 rgb(57,79,99)
```
#40596f
```
#40596f rgb(64,89,111)
```
#47637c
```
#47637c rgb(71,99,124)
```
#4f6d88
```
#4f6d88 rgb(79,109,136)
```
#567795
```
#567795 rgb(86,119,149)
```
#5d81a1
```
#5d81a1 rgb(93,129,161)
```

Shade Color Variation

#698aa9
```
#698aa9 rgb(105,138,169)
```
#7594b0
```
#7594b0 rgb(117,148,176)
```
#829eb7
```
#829eb7 rgb(130,158,183)
```
#8ea7be
```
#8ea7be rgb(142,167,190)
```
#9bb1c5
```
#9bb1c5 rgb(155,177,197)
```
#a7bbcc
```
#a7bbcc rgb(167,187,204)
```
#b4c4d4
```
#b4c4d4 rgb(180,196,212)
```
#c0cedb
```
#c0cedb rgb(192,206,219)
```
#cdd8e2
```
#cdd8e2 rgb(205,216,226)
```
#d9e1e9
```
#d9e1e9 rgb(217,225,233)
```
#e6ebf0
```
#e6ebf0 rgb(230,235,240)
```
#f2f5f7
```
#f2f5f7 rgb(242,245,247)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#4b4e51
```
#4b4e51 rgb(75,78,81)
```
#454e57
```
#454e57 rgb(69,78,87)
```
#3f4f5d
```
#3f4f5d rgb(63,79,93)
```
#394f63
```
#394f63 rgb(57,79,99)
```
#334f69
```
#334f69 rgb(51,79,105)
```
#2d506f
```
#2d506f rgb(45,80,111)
```
#275075
```
#275075 rgb(39,80,117)
```
#21507b
```
#21507b rgb(33,80,123)
```
#1b5081
```
#1b5081 rgb(27,80,129)
```
#155187
```
#155187 rgb(21,81,135)
```
#0f518d
```
#0f518d rgb(15,81,141)
```
#095193
```
#095193 rgb(9,81,147)
```
#035299
```
#035299 rgb(3,82,153)
```

Tone Color Variation

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

Dichromacy

#505569 Protanopia 1% of men
#51546c Deuteranopia 1% of men
#3f5a60 Tritanopia 0.001% of the population

Trichromacy

#485266 Protanomaly 1% of men, 0.01% of women
#485269 Deuteranomaly 6% of men, 0.4% of women
#3d5661 Tritanomaly 0.01% of the population

#394f63 hex color

#394f63 Color Information

#394f63 Color Conversion

Color Schemes with #394f63

Alternatives to #394f63

#394f63 Preview

Shades and Tints of #394f63

Tones of #394f63

Color Blindness Simulator