HEX #303B9C color — Sapphire
The color #303b9c is a dark shade and moderately saturated.
Palette
303b9c 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 |
#30829C |
rgb(48,130,156) |
hsl(194,53%,40%) |
#303B9C |
rgb(48,59,156) |
hsl(234,53%,40%) |
#6D309C |
rgb(109,48,156) |
hsl(274,53%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4654C6 |
rgb(70,84,198) |
hsl(233,53%,53%) |
#3745B4 |
rgb(55,69,180) |
hsl(233,53%,46%) |
#303B9C |
rgb(48,59,156) |
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 |
#303B9C |
rgb(48,59,156) |
hsl(234,53%,40%) |
#9C5C30 |
rgb(156,92,48) |
hsl(24,53%,40%) |
#719C30 |
rgb(113,156,48) |
hsl(84,53%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#303B9C |
rgb(48,59,156) |
hsl(234,53%,40%) |
#9C9130 |
rgb(156,145,48) |
hsl(54,53%,40%) |
#30709C |
rgb(48,112,156) |
hsl(204,53%,40%) |
#719C30 |
rgb(113,156,48) |
hsl(84,53%,40%) |