colorhexa.com

#394f9a hex color

In a RGB color space, hex #394f9a is composed of 22.4% red, 31% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 48.7% magenta, 0% yellow and 39.6% black. It has a hue angle of 226.4 degrees, a saturation of 46% and a lightness of 41.4%. #394f9a color hex could be obtained by blending #729eff with #000035. Closest websafe color is: #336699.

- R 22
- G 31
- B 60
RGB color chart
- C 63
- M 49
- Y 0
- K 40
CMYK color chart

● #394f9a color description : Dark moderate blue.

The hexadecimal color #394f9a has RGB values of R:57, G:79, B:154 and CMYK values of C:0.63, M:0.49, Y:0, K:0.4. Its decimal value is 3755930.

Hex triplet	394f9a	`#394f9a`
RGB Decimal	57, 79, 154	`rgb(57,79,154)`
RGB Percent	22.4, 31, 60.4	`rgb(22.4%,31%,60.4%)`
CMYK	63, 49, 0, 40
HSL	226.4°, 46, 41.4	`hsl(226.4,46%,41.4%)`
HSV (or HSB)	226.4°, 63, 60.4
Web Safe	336699	`#336699`

CIE-LAB	35.585, 16.144, -43.648
XYZ	10.315, 8.794, 31.724
xyY	0.203, 0.173, 8.794
CIE-LCH	35.585, 46.538, 290.297
CIE-LUV	35.585, -11.123, -62.424
Hunter-Lab	29.655, 10.19, -42.667
Binary	00111001, 01001111, 10011010

#394f9a
```
#394f9a rgb(57,79,154)
```
#9a8439
```
#9a8439 rgb(154,132,57)
```

Complementary Color

#39809a
```
#39809a rgb(57,128,154)
```
#394f9a
```
#394f9a rgb(57,79,154)
```
#54399a
```
#54399a rgb(84,57,154)
```

Analogous Color

#809a39
```
#809a39 rgb(128,154,57)
```
#394f9a
```
#394f9a rgb(57,79,154)
```
#9a5439
```
#9a5439 rgb(154,84,57)
```

Split Complementary Color

#4f9a39
```
#4f9a39 rgb(79,154,57)
```
#394f9a
```
#394f9a rgb(57,79,154)
```
#9a394f
```
#9a394f rgb(154,57,79)
```

Triadic Color

#399a84
```
#399a84 rgb(57,154,132)
```
#394f9a
```
#394f9a rgb(57,79,154)
```
#9a394f
```
#9a394f rgb(154,57,79)
```
#9a8439
```
#9a8439 rgb(154,132,57)
```

Tetradic Color

#243262
```
#243262 rgb(36,50,98)
```
#2b3c75
```
#2b3c75 rgb(43,60,117)
```
#324587
```
#324587 rgb(50,69,135)
```
#394f9a
```
#394f9a rgb(57,79,154)
```
#4059ad
```
#4059ad rgb(64,89,173)
```
#4a64bc
```
#4a64bc rgb(74,100,188)
```
#5d74c3
```
#5d74c3 rgb(93,116,195)
```

Monochromatic Color

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

#39679a
```
#39679a rgb(57,103,154)
```
#395f9a
```
#395f9a rgb(57,95,154)
```
#39579a
```
#39579a rgb(57,87,154)
```
#394f9a
```
#394f9a rgb(57,79,154)
```
#39479a
```
#39479a rgb(57,71,154)
```
#393f9a
```
#393f9a rgb(57,63,154)
```
#3b399a
```
#3b399a rgb(59,57,154)
```

Similar Colors

Text with hexadecimal color #394f9a

This text has a font color of #394f9a.

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

#394f9a background color

This paragraph has a background color of #394f9a.

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

#394f9a border color

This element has a border color of #394f9a.

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

CSS codes

.text {color:#394f9a;}

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

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

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

#04060b
```
#04060b rgb(4,6,11)
```
#090d19
```
#090d19 rgb(9,13,25)
```
#0f1427
```
#0f1427 rgb(15,20,39)
```
#141c36
```
#141c36 rgb(20,28,54)
```
#192344
```
#192344 rgb(25,35,68)
```
#1f2a52
```
#1f2a52 rgb(31,42,82)
```
#243261
```
#243261 rgb(36,50,97)
```
#29396f
```
#29396f rgb(41,57,111)
```
#2e407d
```
#2e407d rgb(46,64,125)
```
#34488c
```
#34488c rgb(52,72,140)
```
#394f9a
```
#394f9a rgb(57,79,154)
```
#3e56a8
```
#3e56a8 rgb(62,86,168)
```
#445eb7
```
#445eb7 rgb(68,94,183)
```

Shade Color Variation

#5069be
```
#5069be rgb(80,105,190)
```
#5e75c3
```
#5e75c3 rgb(94,117,195)
```
#6c81c9
```
#6c81c9 rgb(108,129,201)
```
#7b8ece
```
#7b8ece rgb(123,142,206)
```
#899ad3
```
#899ad3 rgb(137,154,211)
```
#97a6d9
```
#97a6d9 rgb(151,166,217)
```
#a6b2de
```
#a6b2de rgb(166,178,222)
```
#b4bfe3
```
#b4bfe3 rgb(180,191,227)
```
#c2cbe9
```
#c2cbe9 rgb(194,203,233)
```
#d1d7ee
```
#d1d7ee rgb(209,215,238)
```
#dfe3f3
```
#dfe3f3 rgb(223,227,243)
```
#edf0f8
```
#edf0f8 rgb(237,240,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#626571
```
#626571 rgb(98,101,113)
```
#59617a
```
#59617a rgb(89,97,122)
```
#515c82
```
#515c82 rgb(81,92,130)
```
#49588a
```
#49588a rgb(73,88,138)
```
#415392
```
#415392 rgb(65,83,146)
```
#394f9a
```
#394f9a rgb(57,79,154)
```
#314ba2
```
#314ba2 rgb(49,75,162)
```
#2946aa
```
#2946aa rgb(41,70,170)
```
#2142b2
```
#2142b2 rgb(33,66,178)
```
#193dba
```
#193dba rgb(25,61,186)
```
#1039c3
```
#1039c3 rgb(16,57,195)
```
#0834cb
```
#0834cb rgb(8,52,203)
```
#0030d3
```
#0030d3 rgb(0,48,211)
```

Tone Color Variation

Below, you can see how #394f9a 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

#515151 Achromatopsia 0.005% of the population
#4c5160 Atypical Achromatopsia 0.001% of the population

Dichromacy

#345aa1 Protanopia 1% of men
#0d5e9c Deuteranopia 1% of men
#1f646c Tritanopia 0.001% of the population

Trichromacy

#36569e Protanomaly 1% of men, 0.01% of women
#1d589b Deuteranomaly 6% of men, 0.4% of women
#285c7c Tritanomaly 0.01% of the population