HEX #364FA3 color — Sapphire
The color #364FA3 is a dark shade and moderately saturated.
Palette
364FA3 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fc |
rgb(247,249,252) |
hsl(226,50%,98%) |
#e4e8f6 |
rgb(228,232,246) |
hsl(226,50%,93%) |
#d1d8f0 |
rgb(209,216,240) |
hsl(226,50%,88%) |
#bec8e9 |
rgb(190,200,233) |
hsl(226,50%,83%) |
#abb8e3 |
rgb(171,184,227) |
hsl(226,50%,78%) |
#98a8dd |
rgb(152,168,221) |
hsl(226,50%,73%) |
#8598d6 |
rgb(133,152,214) |
hsl(226,50%,68%) |
#7187d0 |
rgb(113,135,208) |
hsl(226,50%,63%) |
#5e77c9 |
rgb(94,119,201) |
hsl(226,50%,58%) |
#4b67c3 |
rgb(75,103,195) |
hsl(226,50%,53%) |
#3d5ab8 |
rgb(61,90,184) |
hsl(226,50%,48%) |
#3750a4 |
rgb(55,80,164) |
hsl(226,50%,43%) |
#304791 |
rgb(48,71,145) |
hsl(226,50%,38%) |
#2a3e7e |
rgb(42,62,126) |
hsl(226,50%,33%) |
#24346b |
rgb(36,52,107) |
hsl(226,50%,28%) |
#1d2b58 |
rgb(29,43,88) |
hsl(226,50%,23%) |
#172245 |
rgb(23,34,69) |
hsl(226,50%,18%) |
#111832 |
rgb(17,24,50) |
hsl(226,50%,13%) |
#0a0f1f |
rgb(10,15,31) |
hsl(226,50%,8%) |
#04060b |
rgb(4,6,11) |
hsl(226,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3696A3 |
rgb(54,150,163) |
hsl(187,50%,43%) |
#364FA3 |
rgb(54,79,163) |
hsl(226,50%,43%) |
#6536A3 |
rgb(101,54,163) |
hsl(266,50%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5770C7 |
rgb(87,112,199) |
hsl(227,50%,56%) |
#3E5CBD |
rgb(62,92,189) |
hsl(226,51%,49%) |
#364FA3 |
rgb(54,79,163) |
hsl(226,50%,43%) |
#2D4288 |
rgb(45,66,136) |
hsl(226,50%,35%) |
#24366E |
rgb(36,54,110) |
hsl(225,51%,29%) |
#1C2954 |
rgb(28,41,84) |
hsl(226,50%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#364FA3 |
rgb(54,79,163) |
hsl(226,50%,43%) |
#A35436 |
rgb(163,84,54) |
hsl(17,50%,43%) |
#85A336 |
rgb(133,163,54) |
hsl(77,50%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#364FA3 |
rgb(54,79,163) |
hsl(226,50%,43%) |
#A38A36 |
rgb(163,138,54) |
hsl(46,50%,43%) |
#3685A3 |
rgb(54,133,163) |
hsl(197,50%,43%) |
#85A336 |
rgb(133,163,54) |
hsl(77,50%,43%) |