#394ef5 hex color

In a RGB color space, hex #394ef5 is composed of 22.4% red, 30.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 68.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 233.3 degrees, a saturation of 90.4% and a lightness of 59.2%. #394ef5 color hex could be obtained by blending #729cff with #0000eb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 22
- G 31
- B 96
RGB color chart
- C 77
- M 68
- Y 0
- K 4
CMYK color chart

● #394ef5 color description : Bright blue.

The hexadecimal color #394ef5 has RGB values of R:57, G:78, B:245 and CMYK values of C:0.77, M:0.68, Y:0, K:0.04. Its decimal value is 3755765.

Hex triplet	394ef5	`#394ef5`
RGB Decimal	57, 78, 245	`rgb(57,78,245)`
RGB Percent	22.4, 30.6, 96.1	`rgb(22.4%,30.6%,96.1%)`
CMYK	77, 68, 0, 4
HSL	233.3°, 90.4, 59.2	`hsl(233.3,90.4%,59.2%)`
HSV (or HSB)	233.3°, 76.7, 96.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.627, 49.039, -85.054
XYZ	20.89, 12.91, 87.772
xyY	0.172, 0.106, 12.91
CIE-LCH	42.627, 98.179, 299.966
CIE-LUV	42.627, -12.732, -124.789
Hunter-Lab	35.93, 40.902, -119.685
Binary	00111001, 01001110, 11110101

#394ef5
```
#394ef5 rgb(57,78,245)
```
#f5e039
```
#f5e039 rgb(245,224,57)
```

Complementary Color

#39acf5
```
#39acf5 rgb(57,172,245)
```
#394ef5
```
#394ef5 rgb(57,78,245)
```
#8239f5
```
#8239f5 rgb(130,57,245)
```

Analogous Color

#acf539
```
#acf539 rgb(172,245,57)
```
#394ef5
```
#394ef5 rgb(57,78,245)
```
#f58239
```
#f58239 rgb(245,130,57)
```

Split Complementary Color

#4ef539
```
#4ef539 rgb(78,245,57)
```
#394ef5
```
#394ef5 rgb(57,78,245)
```
#f5394e
```
#f5394e rgb(245,57,78)
```

Triadic Color

#39f5e0
```
#39f5e0 rgb(57,245,224)
```
#394ef5
```
#394ef5 rgb(57,78,245)
```
#f5394e
```
#f5394e rgb(245,57,78)
```
#f5e039
```
#f5e039 rgb(245,224,57)
```

Tetradic Color

#0b22d7
```
#0b22d7 rgb(11,34,215)
```
#0c25ef
```
#0c25ef rgb(12,37,239)
```
#2138f4
```
#2138f4 rgb(33,56,244)
```
#394ef5
```
#394ef5 rgb(57,78,245)
```
#5164f6
```
#5164f6 rgb(81,100,246)
```
#6a79f7
```
#6a79f7 rgb(106,121,247)
```
#828ff9
```
#828ff9 rgb(130,143,249)
```

Monochromatic Color

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

#397df5
```
#397df5 rgb(57,125,245)
```
#396df5
```
#396df5 rgb(57,109,245)
```
#395ef5
```
#395ef5 rgb(57,94,245)
```
#394ef5
```
#394ef5 rgb(57,78,245)
```
#393ef5
```
#393ef5 rgb(57,62,245)
```
#4339f5
```
#4339f5 rgb(67,57,245)
```
#5339f5
```
#5339f5 rgb(83,57,245)
```

Similar Colors

Text with hexadecimal color #394ef5

This text has a font color of #394ef5.

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

#394ef5 background color

This paragraph has a background color of #394ef5.

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

#394ef5 border color

This element has a border color of #394ef5.

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

CSS codes

.text {color:#394ef5;}

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

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

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

#000107
```
#000107 rgb(0,1,7)
```
#01041a
```
#01041a rgb(1,4,26)
```
#02072d
```
#02072d rgb(2,7,45)
```
#030a3f
```
#030a3f rgb(3,10,63)
```
#040d52
```
#040d52 rgb(4,13,82)
```
#051065
```
#051065 rgb(5,16,101)
```
#061377
```
#061377 rgb(6,19,119)
```
#07168a
```
#07168a rgb(7,22,138)
```
#08199d
```
#08199d rgb(8,25,157)
```
#091baf
```
#091baf rgb(9,27,175)
```
#0a1ec2
```
#0a1ec2 rgb(10,30,194)
```
#0b21d5
```
#0b21d5 rgb(11,33,213)
```
#0c24e7
```
#0c24e7 rgb(12,36,231)
```

Shade Color Variation

#142df3
```
#142df3 rgb(20,45,243)
```
#263df4
```
#263df4 rgb(38,61,244)
```
#394ef5
```
#394ef5 rgb(57,78,245)
```
#4c5ff6
```
#4c5ff6 rgb(76,95,246)
```
#5e6ff7
```
#5e6ff7 rgb(94,111,247)
```
#7180f8
```
#7180f8 rgb(113,128,248)
```
#8491f9
```
#8491f9 rgb(132,145,249)
```
#96a1fa
```
#96a1fa rgb(150,161,250)
```
#a9b2fb
```
#a9b2fb rgb(169,178,251)
```
#bcc3fc
```
#bcc3fc rgb(188,195,252)
```
#ced4fd
```
#ced4fd rgb(206,212,253)
```
#e1e4fd
```
#e1e4fd rgb(225,228,253)
```
#f4f5fe
```
#f4f5fe rgb(244,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91929d is the less saturated color, while #3148fd is the most saturated one.

#91929d
```
#91929d rgb(145,146,157)
```
#898ca5
```
#898ca5 rgb(137,140,165)
```
#8186ad
```
#8186ad rgb(129,134,173)
```
#7980b5
```
#7980b5 rgb(121,128,181)
```
#7179bd
```
#7179bd rgb(113,121,189)
```
#6973c5
```
#6973c5 rgb(105,115,197)
```
#616dcd
```
#616dcd rgb(97,109,205)
```
#5967d5
```
#5967d5 rgb(89,103,213)
```
#5161dd
```
#5161dd rgb(81,97,221)
```
#495ae5
```
#495ae5 rgb(73,90,229)
```
#4154ed
```
#4154ed rgb(65,84,237)
```
#394ef5
```
#394ef5 rgb(57,78,245)
```
#3148fd
```
#3148fd rgb(49,72,253)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#54587a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cd Protanopia 1% of men
#006fb2 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#145fdb Protanomaly 1% of men, 0.01% of women
#1463ca Deuteranomaly 6% of men, 0.4% of women
#1468a9 Tritanomaly 0.01% of the population

#394ef5 hex color

#394ef5 Color Information

#394ef5 Color Conversion

Color Schemes with #394ef5

Alternatives to #394ef5

#394ef5 Preview

Shades and Tints of #394ef5

Tones of #394ef5

Color Blindness Simulator