#394ba2 hex color

In a RGB color space, hex #394ba2 is composed of 22.4% red, 29.4% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 53.7% magenta, 0% yellow and 36.5% black. It has a hue angle of 229.7 degrees, a saturation of 47.9% and a lightness of 42.9%. #394ba2 color hex could be obtained by blending #7296ff with #000045. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 22
- G 29
- B 64
RGB color chart
- C 65
- M 54
- Y 0
- K 36
CMYK color chart

● #394ba2 color description : Dark moderate blue.

The hexadecimal color #394ba2 has RGB values of R:57, G:75, B:162 and CMYK values of C:0.65, M:0.54, Y:0, K:0.36. Its decimal value is 3754914.

Hex triplet	394ba2	`#394ba2`
RGB Decimal	57, 75, 162	`rgb(57,75,162)`
RGB Percent	22.4, 29.4, 63.5	`rgb(22.4%,29.4%,63.5%)`
CMYK	65, 54, 0, 36
HSL	229.7°, 47.9, 42.9	`hsl(229.7,47.9%,42.9%)`
HSV (or HSB)	229.7°, 64.8, 63.5
Web Safe	333399	`#333399`

CIE-LAB	35.023, 21.676, -49.368
XYZ	10.724, 8.51, 35.258
xyY	0.197, 0.156, 8.51
CIE-LCH	35.023, 53.917, 293.705
CIE-LUV	35.023, -10.085, -70.404
Hunter-Lab	29.172, 14.566, -51.239
Binary	00111001, 01001011, 10100010

#394ba2
```
#394ba2 rgb(57,75,162)
```
#a29039
```
#a29039 rgb(162,144,57)
```

Complementary Color

#3980a2
```
#3980a2 rgb(57,128,162)
```
#394ba2
```
#394ba2 rgb(57,75,162)
```
#5b39a2
```
#5b39a2 rgb(91,57,162)
```

Analogous Color

#80a239
```
#80a239 rgb(128,162,57)
```
#394ba2
```
#394ba2 rgb(57,75,162)
```
#a25c39
```
#a25c39 rgb(162,92,57)
```

Split Complementary Color

#4ba239
```
#4ba239 rgb(75,162,57)
```
#394ba2
```
#394ba2 rgb(57,75,162)
```
#a2394b
```
#a2394b rgb(162,57,75)
```

Triadic Color

#39a290
```
#39a290 rgb(57,162,144)
```
#394ba2
```
#394ba2 rgb(57,75,162)
```
#a2394b
```
#a2394b rgb(162,57,75)
```
#a29039
```
#a29039 rgb(162,144,57)
```

Tetradic Color

#253169
```
#253169 rgb(37,49,105)
```
#2c3a7c
```
#2c3a7c rgb(44,58,124)
```
#32428f
```
#32428f rgb(50,66,143)
```
#394ba2
```
#394ba2 rgb(57,75,162)
```
#4054b5
```
#4054b5 rgb(64,84,181)
```
#4d61c1
```
#4d61c1 rgb(77,97,193)
```
#6072c7
```
#6072c7 rgb(96,114,199)
```

Monochromatic Color

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

#3965a2
```
#3965a2 rgb(57,101,162)
```
#395da2
```
#395da2 rgb(57,93,162)
```
#3954a2
```
#3954a2 rgb(57,84,162)
```
#394ba2
```
#394ba2 rgb(57,75,162)
```
#3942a2
```
#3942a2 rgb(57,66,162)
```
#393aa2
```
#393aa2 rgb(57,58,162)
```
#4139a2
```
#4139a2 rgb(65,57,162)
```

Similar Colors

Text with hexadecimal color #394ba2

This text has a font color of #394ba2.

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

#394ba2 background color

This paragraph has a background color of #394ba2.

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

#394ba2 border color

This element has a border color of #394ba2.

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

CSS codes

.text {color:#394ba2;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060811
```
#060811 rgb(6,8,17)
```
#0b0f1f
```
#0b0f1f rgb(11,15,31)
```
#10152e
```
#10152e rgb(16,21,46)
```
#151c3c
```
#151c3c rgb(21,28,60)
```
#1a234b
```
#1a234b rgb(26,35,75)
```
#1f2959
```
#1f2959 rgb(31,41,89)
```
#253068
```
#253068 rgb(37,48,104)
```
#2a3776
```
#2a3776 rgb(42,55,118)
```
#2f3e85
```
#2f3e85 rgb(47,62,133)
```
#344493
```
#344493 rgb(52,68,147)
```
#394ba2
```
#394ba2 rgb(57,75,162)
```
#3e52b1
```
#3e52b1 rgb(62,82,177)
```

Shade Color Variation

#4559bd
```
#4559bd rgb(69,89,189)
```
#5366c3
```
#5366c3 rgb(83,102,195)
```
#6273c8
```
#6273c8 rgb(98,115,200)
```
#7080cd
```
#7080cd rgb(112,128,205)
```
#7f8dd2
```
#7f8dd2 rgb(127,141,210)
```
#8d9ad7
```
#8d9ad7 rgb(141,154,215)
```
#9ca7dc
```
#9ca7dc rgb(156,167,220)
```
#aab4e1
```
#aab4e1 rgb(170,180,225)
```
#b9c1e6
```
#b9c1e6 rgb(185,193,230)
```
#c7ceeb
```
#c7ceeb rgb(199,206,235)
```
#d6daf1
```
#d6daf1 rgb(214,218,241)
```
#e4e7f6
```
#e4e7f6 rgb(228,231,246)
```
#f3f4fb
```
#f3f4fb rgb(243,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6c6f is the less saturated color, while #062ad5 is the most saturated one.

#6c6c6f
```
#6c6c6f rgb(108,108,111)
```
#636778
```
#636778 rgb(99,103,120)
```
#5b6180
```
#5b6180 rgb(91,97,128)
```
#525c89
```
#525c89 rgb(82,92,137)
```
#4a5691
```
#4a5691 rgb(74,86,145)
```
#41519a
```
#41519a rgb(65,81,154)
```
#394ba2
```
#394ba2 rgb(57,75,162)
```
#3145aa
```
#3145aa rgb(49,69,170)
```
#2840b3
```
#2840b3 rgb(40,64,179)
```
#203abb
```
#203abb rgb(32,58,187)
```
#1735c4
```
#1735c4 rgb(23,53,196)
```
#0f2fcc
```
#0f2fcc rgb(15,47,204)
```
#062ad5
```
#062ad5 rgb(6,42,213)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4b4f60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1b58aa Protanopia 1% of men
#005d99 Deuteranopia 1% of men
#00646b Tritanopia 0.001% of the population

Trichromacy

#2653a7 Protanomaly 1% of men, 0.01% of women
#14569c Deuteranomaly 6% of men, 0.4% of women
#145b7f Tritanomaly 0.01% of the population

#394ba2 hex color

#394ba2 Color Information

#394ba2 Color Conversion

Color Schemes with #394ba2

Alternatives to #394ba2

#394ba2 Preview

Shades and Tints of #394ba2

Tones of #394ba2

Color Blindness Simulator