HEX #304095 color — Sapphire
The color #304095 is a dark shade and moderately saturated.
Palette
304095 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(230,51%,99%) |
#e8eaf8 |
rgb(232,234,248) |
hsl(230,51%,94%) |
#d5d9f1 |
rgb(213,217,241) |
hsl(230,51%,89%) |
#c1c8eb |
rgb(193,200,235) |
hsl(230,51%,84%) |
#aeb7e5 |
rgb(174,183,229) |
hsl(230,51%,79%) |
#9ba6df |
rgb(155,166,223) |
hsl(230,51%,74%) |
#8895d8 |
rgb(136,149,216) |
hsl(230,51%,69%) |
#7484d2 |
rgb(116,132,210) |
hsl(230,51%,64%) |
#6173cc |
rgb(97,115,204) |
hsl(230,51%,59%) |
#4e62c6 |
rgb(78,98,198) |
hsl(230,51%,54%) |
#3d52bd |
rgb(61,82,189) |
hsl(230,51%,49%) |
#374aa9 |
rgb(55,74,169) |
hsl(230,51%,44%) |
#314296 |
rgb(49,66,150) |
hsl(230,51%,39%) |
#2a3983 |
rgb(42,57,131) |
hsl(230,51%,34%) |
#243170 |
rgb(36,49,112) |
hsl(230,51%,29%) |
#1e285c |
rgb(30,40,92) |
hsl(230,51%,24%) |
#182049 |
rgb(24,32,73) |
hsl(230,51%,19%) |
#111836 |
rgb(17,24,54) |
hsl(230,51%,14%) |
#0b0f23 |
rgb(11,15,35) |
hsl(230,51%,9%) |
#05070f |
rgb(5,7,15) |
hsl(230,51%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#308595 |
rgb(48,133,149) |
hsl(190,51%,39%) |
#304095 |
rgb(48,64,149) |
hsl(230,51%,39%) |
#633095 |
rgb(99,48,149) |
hsl(270,51%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#374AAC |
rgb(55,74,172) |
hsl(230,52%,45%) |
#304095 |
rgb(48,64,149) |
hsl(230,51%,39%) |
#28367D |
rgb(40,54,125) |
hsl(230,52%,32%) |
#202B65 |
rgb(32,43,101) |
hsl(230,52%,26%) |
#18214D |
rgb(24,33,77) |
hsl(230,52%,20%) |
#111735 |
rgb(17,23,53) |
hsl(230,51%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#304095 |
rgb(48,64,149) |
hsl(230,51%,39%) |
#955230 |
rgb(149,82,48) |
hsl(20,51%,39%) |
#729430 |
rgb(114,148,48) |
hsl(80,51%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304095 |
rgb(48,64,149) |
hsl(230,51%,39%) |
#958530 |
rgb(149,133,48) |
hsl(50,51%,39%) |
#307395 |
rgb(48,115,149) |
hsl(200,51%,39%) |
#729430 |
rgb(114,148,48) |
hsl(80,51%,38%) |