#394b63 Color Information
In a RGB color space, hex #394b63 is composed of 22.4% red, 29.4% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 42.4% cyan, 24.2% magenta, 0% yellow and 61.2% black. It has a hue angle of 214.3 degrees, a saturation of 26.9% and a lightness of 30.6%. #394b63 color hex could be obtained by blending #7296c6 with #000000. Closest websafe color is: #333366.
-
- R 22
- G 29
- B 39
-
- C 42
- M 24
- Y 0
- K 61
● #394b63 color description : Very dark desaturated blue.
#394b63 Color Conversion
The hexadecimal color #394b63 has RGB values of R:57, G:75, B:99 and CMYK values of C:0.42, M:0.24, Y:0, K:0.61. Its decimal value is 3754851.
| Hex triplet | 394b63 | #394b63 |
|---|---|---|
| RGB Decimal | 57, 75, 99 | rgb(57,75,99) |
| RGB Percent | 22.4, 29.4, 38.8 | rgb(22.4%,29.4%,38.8%) |
| CMYK | 42, 24, 0, 61 | |
| HSL | 214.3°, 26.9, 30.6 | hsl(214.3,26.9%,30.6%) |
| HSV (or HSB) | 214.3°, 42.4, 38.8 | |
| Web Safe | 333366 | #333366 |
| CIE-LAB | 31.353, -0.112, -16.271 |
|---|---|
| XYZ | 6.455, 6.803, 12.777 |
| xyY | 0.248, 0.261, 6.803 |
| CIE-LCH | 31.353, 16.272, 269.606 |
| CIE-LUV | 31.353, -8.96, -20.93 |
| Hunter-Lab | 26.082, -1.466, -10.787 |
| Binary | 00111001, 01001011, 01100011 |
Color Schemes with #394b63
Alternatives to #394b63
Below, you can see some colors close to #394b63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#394b63 Preview
This text has a font color of #394b63.
<span style="color:#394b63;">Text here</span>
This paragraph has a background color of #394b63.
<p style="background-color:#394b63;">Content here</p>
This element has a border color of #394b63.
<div style="border:1px solid #394b63;">Content here</div>
.text {color:#394b63;}
.background {background-color:#394b63;}
.border {border:1px solid #394b63;}
Shades and Tints of #394b63
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, #07090c is the darkest color, while #feffff is the lightest one.
-
#07090c
#07090crgb(7,9,12) -
#0e1218
#0e1218rgb(14,18,24) -
#151c25
#151c25rgb(21,28,37) -
#1c2531
#1c2531rgb(28,37,49) -
#232f3e
#232f3ergb(35,47,62) -
#2b384a
#2b384argb(43,56,74) -
#324257
#324257rgb(50,66,87) -
#394b63
#394b63rgb(57,75,99) -
#40546f
#40546frgb(64,84,111) -
#475e7c
#475e7crgb(71,94,124) -
#4f6788
#4f6788rgb(79,103,136) -
#567195
#567195rgb(86,113,149) -
#5d7aa1
#5d7aa1rgb(93,122,161)
-
#6984a9
#6984a9rgb(105,132,169) -
#758eb0
#758eb0rgb(117,142,176) -
#8299b7
#8299b7rgb(130,153,183) -
#8ea3be
#8ea3bergb(142,163,190) -
#9badc5
#9badc5rgb(155,173,197) -
#a7b7cc
#a7b7ccrgb(167,183,204) -
#b4c1d4
#b4c1d4rgb(180,193,212) -
#c0ccdb
#c0ccdbrgb(192,204,219) -
#cdd6e2
#cdd6e2rgb(205,214,226) -
#d9e0e9
#d9e0e9rgb(217,224,233) -
#e6eaf0
#e6eaf0rgb(230,234,240) -
#f2f4f7
#f2f4f7rgb(242,244,247) -
#feffff
#feffffrgb(254,255,255)
Tones of #394b63
A tone is produced by adding gray to any pure hue. In this case, #4b4e51 is the less saturated color, while #034399 is the most saturated one.
-
#4b4e51
#4b4e51rgb(75,78,81) -
#454d57
#454d57rgb(69,77,87) -
#3f4c5d
#3f4c5drgb(63,76,93) -
#394b63
#394b63rgb(57,75,99) -
#334a69
#334a69rgb(51,74,105) -
#2d496f
#2d496frgb(45,73,111) -
#274875
#274875rgb(39,72,117) -
#21487b
#21487brgb(33,72,123) -
#1b4781
#1b4781rgb(27,71,129) -
#154687
#154687rgb(21,70,135) -
#0f458d
#0f458drgb(15,69,141) -
#094493
#094493rgb(9,68,147) -
#034399
#034399rgb(3,67,153)
Color Blindness Simulator
Below, you can see how #394b63 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.
