colorhexa.com

#394cd4 hex color

In a RGB color space, hex #394cd4 is composed of 22.4% red, 29.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 64.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 232.6 degrees, a saturation of 64.3% and a lightness of 52.7%. #394cd4 color hex could be obtained by blending #7298ff with #0000a9. Closest websafe color is: #3333cc.

- R 22
- G 30
- B 83
RGB color chart
- C 73
- M 64
- Y 0
- K 17
CMYK color chart

● #394cd4 color description : Moderate blue.

The hexadecimal color #394cd4 has RGB values of R:57, G:76, B:212 and CMYK values of C:0.73, M:0.64, Y:0, K:0.17. Its decimal value is 3755220.

Hex triplet	394cd4	`#394cd4`
RGB Decimal	57, 76, 212	`rgb(57,76,212)`
RGB Percent	22.4, 29.8, 83.1	`rgb(22.4%,29.8%,83.1%)`
CMYK	73, 64, 0, 17
HSL	232.6°, 64.3, 52.7	`hsl(232.6,64.3%,52.7%)`
HSV (or HSB)	232.6°, 73.1, 83.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	39.227, 38.909, -71.892
XYZ	16.153, 10.791, 63.515
xyY	0.179, 0.119, 10.791
CIE-LCH	39.227, 81.746, 298.423
CIE-LUV	39.227, -11.491, -104.451
Hunter-Lab	32.85, 30.285, -91.642
Binary	00111001, 01001100, 11010100

#394cd4
```
#394cd4 rgb(57,76,212)
```
#d4c139
```
#d4c139 rgb(212,193,57)
```

Complementary Color

#399ad4
```
#399ad4 rgb(57,154,212)
```
#394cd4
```
#394cd4 rgb(57,76,212)
```
#7439d4
```
#7439d4 rgb(116,57,212)
```

Analogous Color

#9ad439
```
#9ad439 rgb(154,212,57)
```
#394cd4
```
#394cd4 rgb(57,76,212)
```
#d47439
```
#d47439 rgb(212,116,57)
```

Split Complementary Color

#4cd439
```
#4cd439 rgb(76,212,57)
```
#394cd4
```
#394cd4 rgb(57,76,212)
```
#d4394c
```
#d4394c rgb(212,57,76)
```

Triadic Color

#39d4c1
```
#39d4c1 rgb(57,212,193)
```
#394cd4
```
#394cd4 rgb(57,76,212)
```
#d4394c
```
#d4394c rgb(212,57,76)
```
#d4c139
```
#d4c139 rgb(212,193,57)
```

Tetradic Color

#22329e
```
#22329e rgb(34,50,158)
```
#2738b3
```
#2738b3 rgb(39,56,179)
```
#2b3fc8
```
#2b3fc8 rgb(43,63,200)
```
#394cd4
```
#394cd4 rgb(57,76,212)
```
#4e5fd9
```
#4e5fd9 rgb(78,95,217)
```
#6372dd
```
#6372dd rgb(99,114,221)
```
#7885e2
```
#7885e2 rgb(120,133,226)
```

Monochromatic Color

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

#3973d4
```
#3973d4 rgb(57,115,212)
```
#3966d4
```
#3966d4 rgb(57,102,212)
```
#3959d4
```
#3959d4 rgb(57,89,212)
```
#394cd4
```
#394cd4 rgb(57,76,212)
```
#393fd4
```
#393fd4 rgb(57,63,212)
```
#4039d4
```
#4039d4 rgb(64,57,212)
```
#4d39d4
```
#4d39d4 rgb(77,57,212)
```

Similar Colors

Text with hexadecimal color #394cd4

This text has a font color of #394cd4.

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

#394cd4 background color

This paragraph has a background color of #394cd4.

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

#394cd4 border color

This element has a border color of #394cd4.

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

CSS codes

.text {color:#394cd4;}

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

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

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

#02040c
```
#02040c rgb(2,4,12)
```
#06091c
```
#06091c rgb(6,9,28)
```
#090e2c
```
#090e2c rgb(9,14,44)
```
#0d133c
```
#0d133c rgb(13,19,60)
```
#10184c
```
#10184c rgb(16,24,76)
```
#141d5c
```
#141d5c rgb(20,29,92)
```
#17226c
```
#17226c rgb(23,34,108)
```
#1b277c
```
#1b277c rgb(27,39,124)
```
#1e2c8c
```
#1e2c8c rgb(30,44,140)
```
#22319d
```
#22319d rgb(34,49,157)
```
#2536ad
```
#2536ad rgb(37,54,173)
```
#293bbd
```
#293bbd rgb(41,59,189)
```
#2c40cd
```
#2c40cd rgb(44,64,205)
```

Shade Color Variation

#394cd4
```
#394cd4 rgb(57,76,212)
```
#495bd7
```
#495bd7 rgb(73,91,215)
```
#5969db
```
#5969db rgb(89,105,219)
```
#6978de
```
#6978de rgb(105,120,222)
```
#7986e2
```
#7986e2 rgb(121,134,226)
```
#8a95e5
```
#8a95e5 rgb(138,149,229)
```
#9aa3e9
```
#9aa3e9 rgb(154,163,233)
```
#aab2ec
```
#aab2ec rgb(170,178,236)
```
#bac1f0
```
#bac1f0 rgb(186,193,240)
```
#cacff3
```
#cacff3 rgb(202,207,243)
```
#dadef7
```
#dadef7 rgb(218,222,247)
```
#eaecfa
```
#eaecfa rgb(234,236,250)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#83848a
```
#83848a rgb(131,132,138)
```
#7a7d93
```
#7a7d93 rgb(122,125,147)
```
#71769c
```
#71769c rgb(113,118,156)
```
#676fa6
```
#676fa6 rgb(103,111,166)
```
#5e68af
```
#5e68af rgb(94,104,175)
```
#5561b8
```
#5561b8 rgb(85,97,184)
```
#4c5ac1
```
#4c5ac1 rgb(76,90,193)
```
#4253cb
```
#4253cb rgb(66,83,203)
```
#394cd4
```
#394cd4 rgb(57,76,212)
```
#3045dd
```
#3045dd rgb(48,69,221)
```
#263ee7
```
#263ee7 rgb(38,62,231)
```
#1d37f0
```
#1d37f0 rgb(29,55,240)
```
#1430f9
```
#1430f9 rgb(20,48,249)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#50546f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bf Protanopia 1% of men
#0067a6 Deuteranopia 1% of men
#006e75 Tritanopia 0.001% of the population

Trichromacy

#1459c6 Protanomaly 1% of men, 0.01% of women
#145db6 Deuteranomaly 6% of men, 0.4% of women
#146297 Tritanomaly 0.01% of the population