HEX #303B9D color — Sapphire
The color #303B9D is a dark shade and moderately saturated.
Palette
303B9D color palette from light to dark
HEX |
RGB |
HSL |
#ebedf9 |
rgb(235,237,249) |
hsl(234,53%,95%) |
#d8dbf3 |
rgb(216,219,243) |
hsl(234,53%,90%) |
#c4c9ed |
rgb(196,201,237) |
hsl(234,53%,85%) |
#b1b6e7 |
rgb(177,182,231) |
hsl(234,53%,80%) |
#9da4e1 |
rgb(157,164,225) |
hsl(234,53%,75%) |
#8a92db |
rgb(138,146,219) |
hsl(234,53%,70%) |
#7680d5 |
rgb(118,128,213) |
hsl(234,53%,65%) |
#636ecf |
rgb(99,110,207) |
hsl(234,53%,60%) |
#4f5cc9 |
rgb(79,92,201) |
hsl(234,53%,55%) |
#3c49c3 |
rgb(60,73,195) |
hsl(234,53%,50%) |
#3642b0 |
rgb(54,66,176) |
hsl(234,53%,45%) |
#303b9c |
rgb(48,59,156) |
hsl(234,53%,40%) |
#2a3389 |
rgb(42,51,137) |
hsl(234,53%,35%) |
#242c75 |
rgb(36,44,117) |
hsl(234,53%,30%) |
#1e2562 |
rgb(30,37,98) |
hsl(234,53%,25%) |
#181d4e |
rgb(24,29,78) |
hsl(234,53%,20%) |
#12163b |
rgb(18,22,59) |
hsl(234,53%,15%) |
#0c0f27 |
rgb(12,15,39) |
hsl(234,53%,10%) |
#060714 |
rgb(6,7,20) |
hsl(234,53%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#30859D |
rgb(48,133,157) |
hsl(193,53%,40%) |
#303B9D |
rgb(48,59,157) |
hsl(234,53%,40%) |
#6D309D |
rgb(109,48,157) |
hsl(274,53%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4754C6 |
rgb(71,84,198) |
hsl(234,53%,53%) |
#3745B6 |
rgb(55,69,182) |
hsl(233,54%,46%) |
#303B9D |
rgb(48,59,157) |
hsl(234,53%,40%) |
#283083 |
rgb(40,48,131) |
hsl(235,53%,34%) |
#20296A |
rgb(32,41,106) |
hsl(233,54%,27%) |
#181F51 |
rgb(24,31,81) |
hsl(233,54%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#303B9D |
rgb(48,59,157) |
hsl(234,53%,40%) |
#9D5C30 |
rgb(157,92,48) |
hsl(24,53%,40%) |
#719E30 |
rgb(113,158,48) |
hsl(85,53%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#303B9D |
rgb(48,59,157) |
hsl(234,53%,40%) |
#9D9130 |
rgb(157,145,48) |
hsl(53,53%,40%) |
#30739D |
rgb(48,115,157) |
hsl(203,53%,40%) |
#719E30 |
rgb(113,158,48) |
hsl(85,53%,40%) |