#394ae5 hex color

In a RGB color space, hex #394ae5 is composed of 22.4% red, 29% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 75.1% cyan, 67.7% magenta, 0% yellow and 10.2% black. It has a hue angle of 234.1 degrees, a saturation of 76.8% and a lightness of 56.1%. #394ae5 color hex could be obtained by blending #7294ff with #0000cb. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 22
- G 29
- B 90
RGB color chart
- C 75
- M 68
- Y 0
- K 10
CMYK color chart

● #394ae5 color description : Bright blue.

The hexadecimal color #394ae5 has RGB values of R:57, G:74, B:229 and CMYK values of C:0.75, M:0.68, Y:0, K:0.1. Its decimal value is 3754725.

Hex triplet	394ae5	`#394ae5`
RGB Decimal	57, 74, 229	`rgb(57,74,229)`
RGB Percent	22.4, 29, 89.8	`rgb(22.4%,29%,89.8%)`
CMYK	75, 68, 0, 10
HSL	234.1°, 76.8, 56.1	`hsl(234.1,76.8%,56.1%)`
HSV (or HSB)	234.1°, 75.1, 89.8
Web Safe	3333cc	`#3333cc`

CIE-LAB	40.285, 45.987, -79.874
XYZ	18.276, 11.423, 75.366
xyY	0.174, 0.109, 11.423
CIE-LCH	40.285, 92.167, 299.931
CIE-LUV	40.285, -11.517, -115.755
Hunter-Lab	33.798, 37.374, -108.55
Binary	00111001, 01001010, 11100101

#394ae5
```
#394ae5 rgb(57,74,229)
```
#e5d439
```
#e5d439 rgb(229,212,57)
```

Complementary Color

#39a0e5
```
#39a0e5 rgb(57,160,229)
```
#394ae5
```
#394ae5 rgb(57,74,229)
```
#7e39e5
```
#7e39e5 rgb(126,57,229)
```

Analogous Color

#a0e539
```
#a0e539 rgb(160,229,57)
```
#394ae5
```
#394ae5 rgb(57,74,229)
```
#e57e39
```
#e57e39 rgb(229,126,57)
```

Split Complementary Color

#4ae539
```
#4ae539 rgb(74,229,57)
```
#394ae5
```
#394ae5 rgb(57,74,229)
```
#e5394a
```
#e5394a rgb(229,57,74)
```

Triadic Color

#39e5d4
```
#39e5d4 rgb(57,229,212)
```
#394ae5
```
#394ae5 rgb(57,74,229)
```
#e5394a
```
#e5394a rgb(229,57,74)
```
#e5d439
```
#e5d439 rgb(229,212,57)
```

Tetradic Color

#1828b9
```
#1828b9 rgb(24,40,185)
```
#1b2dd0
```
#1b2dd0 rgb(27,45,208)
```
#2235e2
```
#2235e2 rgb(34,53,226)
```
#394ae5
```
#394ae5 rgb(57,74,229)
```
#505fe8
```
#505fe8 rgb(80,95,232)
```
#6673eb
```
#6673eb rgb(102,115,235)
```
#7d88ee
```
#7d88ee rgb(125,136,238)
```

Monochromatic Color

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

#3975e5
```
#3975e5 rgb(57,117,229)
```
#3967e5
```
#3967e5 rgb(57,103,229)
```
#3958e5
```
#3958e5 rgb(57,88,229)
```
#394ae5
```
#394ae5 rgb(57,74,229)
```
#393ce5
```
#393ce5 rgb(57,60,229)
```
#4539e5
```
#4539e5 rgb(69,57,229)
```
#5339e5
```
#5339e5 rgb(83,57,229)
```

Similar Colors

Text with hexadecimal color #394ae5

This text has a font color of #394ae5.

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

#394ae5 background color

This paragraph has a background color of #394ae5.

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

#394ae5 border color

This element has a border color of #394ae5.

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

CSS codes

.text {color:#394ae5;}

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

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

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, #01020a is the darkest color, while #f8f8fe is the lightest one.

#01020a
```
#01020a rgb(1,2,10)
```
#04061b
```
#04061b rgb(4,6,27)
```
#060a2d
```
#060a2d rgb(6,10,45)
```
#080d3e
```
#080d3e rgb(8,13,62)
```
#0a114f
```
#0a114f rgb(10,17,79)
```
#0d1561
```
#0d1561 rgb(13,21,97)
```
#0f1972
```
#0f1972 rgb(15,25,114)
```
#111d83
```
#111d83 rgb(17,29,131)
```
#142095
```
#142095 rgb(20,32,149)
```
#1624a6
```
#1624a6 rgb(22,36,166)
```
#1828b7
```
#1828b7 rgb(24,40,183)
```
#1a2cc9
```
#1a2cc9 rgb(26,44,201)
```
#1d2fda
```
#1d2fda rgb(29,47,218)
```

Shade Color Variation

#283ae3
```
#283ae3 rgb(40,58,227)
```
#394ae5
```
#394ae5 rgb(57,74,229)
```
#4a5ae7
```
#4a5ae7 rgb(74,90,231)
```
#5c6aea
```
#5c6aea rgb(92,106,234)
```
#6d7aec
```
#6d7aec rgb(109,122,236)
```
#7e89ee
```
#7e89ee rgb(126,137,238)
```
#9099f0
```
#9099f0 rgb(144,153,240)
```
#a1a9f3
```
#a1a9f3 rgb(161,169,243)
```
#b2b9f5
```
#b2b9f5 rgb(178,185,245)
```
#c4c9f7
```
#c4c9f7 rgb(196,201,247)
```
#d5d9f9
```
#d5d9f9 rgb(213,217,249)
```
#e6e8fc
```
#e6e8fc rgb(230,232,252)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

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

#878897
```
#878897 rgb(135,136,151)
```
#7e81a0
```
#7e81a0 rgb(126,129,160)
```
#757aa9
```
#757aa9 rgb(117,122,169)
```
#6d73b1
```
#6d73b1 rgb(109,115,177)
```
#646dba
```
#646dba rgb(100,109,186)
```
#5b66c3
```
#5b66c3 rgb(91,102,195)
```
#535fcb
```
#535fcb rgb(83,95,203)
```
#4a58d4
```
#4a58d4 rgb(74,88,212)
```
#4251dc
```
#4251dc rgb(66,81,220)
```
#394ae5
```
#394ae5 rgb(57,74,229)
```
#3043ee
```
#3043ee rgb(48,67,238)
```
#283cf6
```
#283cf6 rgb(40,60,246)
```
#1f35ff
```
#1f35ff rgb(31,53,255)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#515473 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#145acf Protanomaly 1% of men, 0.01% of women
#145ebf Deuteranomaly 6% of men, 0.4% of women
#14639f Tritanomaly 0.01% of the population

#394ae5 hex color

#394ae5 Color Information

#394ae5 Color Conversion

Color Schemes with #394ae5

Alternatives to #394ae5

#394ae5 Preview

Shades and Tints of #394ae5

Tones of #394ae5

Color Blindness Simulator