#394ad4 hex color

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

♥
- f
- t
- g
- R 22
- G 29
- B 83
RGB color chart
- C 73
- M 65
- Y 0
- K 17
CMYK color chart

● #394ad4 color description : Moderate blue.

The hexadecimal color #394ad4 has RGB values of R:57, G:74, B:212 and CMYK values of C:0.73, M:0.65, Y:0, K:0.17. Its decimal value is 3754708.

Hex triplet	394ad4	`#394ad4`
RGB Decimal	57, 74, 212	`rgb(57,74,212)`
RGB Percent	22.4, 29, 83.1	`rgb(22.4%,29%,83.1%)`
CMYK	73, 65, 0, 17
HSL	233.4°, 64.3, 52.7	`hsl(233.4,64.3%,52.7%)`
HSV (or HSB)	233.4°, 73.1, 83.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	38.76, 40.144, -72.657
XYZ	16.017, 10.52, 63.47
xyY	0.178, 0.117, 10.52
CIE-LCH	38.76, 83.009, 298.921
CIE-LUV	38.76, -11.052, -105.003
Hunter-Lab	32.434, 31.39, -93.319
Binary	00111001, 01001010, 11010100

#394ad4
```
#394ad4 rgb(57,74,212)
```
#d4c339
```
#d4c339 rgb(212,195,57)
```

Complementary Color

#3998d4
```
#3998d4 rgb(57,152,212)
```
#394ad4
```
#394ad4 rgb(57,74,212)
```
#7639d4
```
#7639d4 rgb(118,57,212)
```

Analogous Color

#98d439
```
#98d439 rgb(152,212,57)
```
#394ad4
```
#394ad4 rgb(57,74,212)
```
#d47639
```
#d47639 rgb(212,118,57)
```

Split Complementary Color

#4ad439
```
#4ad439 rgb(74,212,57)
```
#394ad4
```
#394ad4 rgb(57,74,212)
```
#d4394a
```
#d4394a rgb(212,57,74)
```

Triadic Color

#39d4c3
```
#39d4c3 rgb(57,212,195)
```
#394ad4
```
#394ad4 rgb(57,74,212)
```
#d4394a
```
#d4394a rgb(212,57,74)
```
#d4c339
```
#d4c339 rgb(212,195,57)
```

Tetradic Color

#22309e
```
#22309e rgb(34,48,158)
```
#2736b3
```
#2736b3 rgb(39,54,179)
```
#2b3dc8
```
#2b3dc8 rgb(43,61,200)
```
#394ad4
```
#394ad4 rgb(57,74,212)
```
#4e5dd9
```
#4e5dd9 rgb(78,93,217)
```
#6370dd
```
#6370dd rgb(99,112,221)
```
#7883e2
```
#7883e2 rgb(120,131,226)
```

Monochromatic Color

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

#3971d4
```
#3971d4 rgb(57,113,212)
```
#3964d4
```
#3964d4 rgb(57,100,212)
```
#3957d4
```
#3957d4 rgb(57,87,212)
```
#394ad4
```
#394ad4 rgb(57,74,212)
```
#393dd4
```
#393dd4 rgb(57,61,212)
```
#4239d4
```
#4239d4 rgb(66,57,212)
```
#4f39d4
```
#4f39d4 rgb(79,57,212)
```

Similar Colors

Text with hexadecimal color #394ad4

This text has a font color of #394ad4.

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

#394ad4 background color

This paragraph has a background color of #394ad4.

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

#394ad4 border color

This element has a border color of #394ad4.

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

CSS codes

.text {color:#394ad4;}

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

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

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

#02030c
```
#02030c rgb(2,3,12)
```
#06081c
```
#06081c rgb(6,8,28)
```
#090d2c
```
#090d2c rgb(9,13,44)
```
#0d123c
```
#0d123c rgb(13,18,60)
```
#10174c
```
#10174c rgb(16,23,76)
```
#141c5c
```
#141c5c rgb(20,28,92)
```
#17216c
```
#17216c rgb(23,33,108)
```
#1b267c
```
#1b267c rgb(27,38,124)
```
#1e2b8c
```
#1e2b8c rgb(30,43,140)
```
#222f9d
```
#222f9d rgb(34,47,157)
```
#2534ad
```
#2534ad rgb(37,52,173)
```
#2939bd
```
#2939bd rgb(41,57,189)
```
#2c3ecd
```
#2c3ecd rgb(44,62,205)
```

Shade Color Variation

#394ad4
```
#394ad4 rgb(57,74,212)
```
#4959d7
```
#4959d7 rgb(73,89,215)
```
#5967db
```
#5967db rgb(89,103,219)
```
#6976de
```
#6976de rgb(105,118,222)
```
#7985e2
```
#7985e2 rgb(121,133,226)
```
#8a94e5
```
#8a94e5 rgb(138,148,229)
```
#9aa2e9
```
#9aa2e9 rgb(154,162,233)
```
#aab1ec
```
#aab1ec rgb(170,177,236)
```
#bac0f0
```
#bac0f0 rgb(186,192,240)
```
#cacff3
```
#cacff3 rgb(202,207,243)
```
#daddf7
```
#daddf7 rgb(218,221,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 #142df9 is the most saturated one.

#83848a
```
#83848a rgb(131,132,138)
```
#7a7d93
```
#7a7d93 rgb(122,125,147)
```
#71759c
```
#71759c rgb(113,117,156)
```
#676ea6
```
#676ea6 rgb(103,110,166)
```
#5e67af
```
#5e67af rgb(94,103,175)
```
#5560b8
```
#5560b8 rgb(85,96,184)
```
#4c58c1
```
#4c58c1 rgb(76,88,193)
```
#4251cb
```
#4251cb rgb(66,81,203)
```
#394ad4
```
#394ad4 rgb(57,74,212)
```
#3043dd
```
#3043dd rgb(48,67,221)
```
#263ce7
```
#263ce7 rgb(38,60,231)
```
#1d34f0
```
#1d34f0 rgb(29,52,240)
```
#142df9
```
#142df9 rgb(20,45,249)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4f536e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bc Protanopia 1% of men
#0066a4 Deuteranopia 1% of men
#006d73 Tritanopia 0.001% of the population

Trichromacy

#1458c5 Protanomaly 1% of men, 0.01% of women
#145cb5 Deuteranomaly 6% of men, 0.4% of women
#146096 Tritanomaly 0.01% of the population

#394ad4 hex color

#394ad4 Color Information

#394ad4 Color Conversion

Color Schemes with #394ad4

Alternatives to #394ad4

#394ad4 Preview

Shades and Tints of #394ad4

Tones of #394ad4

Color Blindness Simulator