HEX #303E9C color — Sapphire
The color #303e9c is a dark shade and moderately saturated.
Palette
303e9c color palette from light to dark
HEX |
RGB |
HSL |
#ebedf9 |
rgb(235,237,249) |
hsl(232,53%,95%) |
#d8dcf3 |
rgb(216,220,243) |
hsl(232,53%,90%) |
#c4caed |
rgb(196,202,237) |
hsl(232,53%,85%) |
#b1b8e7 |
rgb(177,184,231) |
hsl(232,53%,80%) |
#9da6e1 |
rgb(157,166,225) |
hsl(232,53%,75%) |
#8a95db |
rgb(138,149,219) |
hsl(232,53%,70%) |
#7683d5 |
rgb(118,131,213) |
hsl(232,53%,65%) |
#6371cf |
rgb(99,113,207) |
hsl(232,53%,60%) |
#4f60c9 |
rgb(79,96,201) |
hsl(232,53%,55%) |
#3c4ec3 |
rgb(60,78,195) |
hsl(232,53%,50%) |
#3646b0 |
rgb(54,70,176) |
hsl(232,53%,45%) |
#303e9c |
rgb(48,62,156) |
hsl(232,53%,40%) |
#2a3789 |
rgb(42,55,137) |
hsl(232,53%,35%) |
#242f75 |
rgb(36,47,117) |
hsl(232,53%,30%) |
#1e2762 |
rgb(30,39,98) |
hsl(232,53%,25%) |
#181f4e |
rgb(24,31,78) |
hsl(232,53%,20%) |
#12173b |
rgb(18,23,59) |
hsl(232,53%,15%) |
#0c1027 |
rgb(12,16,39) |
hsl(232,53%,10%) |
#060814 |
rgb(6,8,20) |
hsl(232,53%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#30879C |
rgb(48,135,156) |
hsl(192,53%,40%) |
#303E9C |
rgb(48,62,156) |
hsl(232,53%,40%) |
#6A309C |
rgb(106,48,156) |
hsl(272,53%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4657C6 |
rgb(70,87,198) |
hsl(232,53%,53%) |
#3747B4 |
rgb(55,71,180) |
hsl(232,53%,46%) |
#303E9C |
rgb(48,62,156) |
hsl(232,53%,40%) |
#283383 |
rgb(40,51,131) |
hsl(233,53%,34%) |
#202B6A |
rgb(32,43,106) |
hsl(231,54%,27%) |
#182151 |
rgb(24,33,81) |
hsl(231,54%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#303E9C |
rgb(48,62,156) |
hsl(232,53%,40%) |
#9C5930 |
rgb(156,89,48) |
hsl(23,53%,40%) |
#749C30 |
rgb(116,156,48) |
hsl(82,53%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#303E9C |
rgb(48,62,156) |
hsl(232,53%,40%) |
#9C8F30 |
rgb(156,143,48) |
hsl(53,53%,40%) |
#30739C |
rgb(48,115,156) |
hsl(203,53%,40%) |
#749C30 |
rgb(116,156,48) |
hsl(82,53%,40%) |