HEX #394CA2 color — Sapphire
The color #394CA2 is a dark shade and moderately saturated.
Palette
394CA2 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fc |
rgb(247,248,252) |
hsl(229,48%,98%) |
#e5e8f6 |
rgb(229,232,246) |
hsl(229,48%,93%) |
#d2d7ef |
rgb(210,215,239) |
hsl(229,48%,88%) |
#bfc6e8 |
rgb(191,198,232) |
hsl(229,48%,83%) |
#acb6e2 |
rgb(172,182,226) |
hsl(229,48%,78%) |
#99a5db |
rgb(153,165,219) |
hsl(229,48%,73%) |
#8695d5 |
rgb(134,149,213) |
hsl(229,48%,68%) |
#7384ce |
rgb(115,132,206) |
hsl(229,48%,63%) |
#6073c7 |
rgb(96,115,199) |
hsl(229,48%,58%) |
#4e63c1 |
rgb(78,99,193) |
hsl(229,48%,53%) |
#4055b5 |
rgb(64,85,181) |
hsl(229,48%,48%) |
#394ca2 |
rgb(57,76,162) |
hsl(229,48%,43%) |
#32438f |
rgb(50,67,143) |
hsl(229,48%,38%) |
#2c3b7d |
rgb(44,59,125) |
hsl(229,48%,33%) |
#25326a |
rgb(37,50,106) |
hsl(229,48%,28%) |
#1e2957 |
rgb(30,41,87) |
hsl(229,48%,23%) |
#182044 |
rgb(24,32,68) |
hsl(229,48%,18%) |
#111731 |
rgb(17,23,49) |
hsl(229,48%,13%) |
#0b0e1e |
rgb(11,14,30) |
hsl(229,48%,8%) |
#04050b |
rgb(4,5,11) |
hsl(229,48%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3991A2 |
rgb(57,145,162) |
hsl(190,48%,43%) |
#394CA2 |
rgb(57,76,162) |
hsl(229,48%,43%) |
#6C38A2 |
rgb(108,56,162) |
hsl(269,49%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5B6EC5 |
rgb(91,110,197) |
hsl(229,48%,56%) |
#4259BB |
rgb(66,89,187) |
hsl(229,48%,50%) |
#394CA2 |
rgb(57,76,162) |
hsl(229,48%,43%) |
#2F4088 |
rgb(47,64,136) |
hsl(229,49%,36%) |
#26336E |
rgb(38,51,110) |
hsl(229,49%,29%) |
#1D2654 |
rgb(29,38,84) |
hsl(230,49%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#394CA2 |
rgb(57,76,162) |
hsl(229,48%,43%) |
#A25939 |
rgb(162,89,57) |
hsl(18,48%,43%) |
#80A339 |
rgb(128,163,57) |
hsl(80,48%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#394CA2 |
rgb(57,76,162) |
hsl(229,48%,43%) |
#A28F39 |
rgb(162,143,57) |
hsl(49,48%,43%) |
#3980A2 |
rgb(57,128,162) |
hsl(199,48%,43%) |
#80A339 |
rgb(128,163,57) |
hsl(80,48%,43%) |