HEX #304D9E color — Sapphire
The color #304D9E is a dark shade and moderately saturated.
Palette
304D9E color palette from light to dark
| HEX |
RGB |
HSL |
| #ebeff9 |
rgb(235,239,249) |
hsl(224,53%,95%) |
| #d8dff3 |
rgb(216,223,243) |
hsl(224,53%,90%) |
| #c4cfed |
rgb(196,207,237) |
hsl(224,53%,85%) |
| #b1bfe7 |
rgb(177,191,231) |
hsl(224,53%,80%) |
| #9dafe1 |
rgb(157,175,225) |
hsl(224,53%,75%) |
| #8aa0db |
rgb(138,160,219) |
hsl(224,53%,70%) |
| #7690d5 |
rgb(118,144,213) |
hsl(224,53%,65%) |
| #6380cf |
rgb(99,128,207) |
hsl(224,53%,60%) |
| #4f70c9 |
rgb(79,112,201) |
hsl(224,53%,55%) |
| #3c60c3 |
rgb(60,96,195) |
hsl(224,53%,50%) |
| #3656b0 |
rgb(54,86,176) |
hsl(224,53%,45%) |
| #304d9c |
rgb(48,77,156) |
hsl(224,53%,40%) |
| #2a4389 |
rgb(42,67,137) |
hsl(224,53%,35%) |
| #243a75 |
rgb(36,58,117) |
hsl(224,53%,30%) |
| #1e3062 |
rgb(30,48,98) |
hsl(224,53%,25%) |
| #18264e |
rgb(24,38,78) |
hsl(224,53%,20%) |
| #121d3b |
rgb(18,29,59) |
hsl(224,53%,15%) |
| #0c1327 |
rgb(12,19,39) |
hsl(224,53%,10%) |
| #060a14 |
rgb(6,10,20) |
hsl(224,53%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #30969E |
rgb(48,150,158) |
hsl(184,53%,40%) |
| #304D9E |
rgb(48,77,158) |
hsl(224,53%,40%) |
| #5C309E |
rgb(92,48,158) |
hsl(264,53%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #486BC7 |
rgb(72,107,199) |
hsl(223,53%,53%) |
| #3759B7 |
rgb(55,89,183) |
hsl(224,54%,47%) |
| #304D9E |
rgb(48,77,158) |
hsl(224,53%,40%) |
| #284084 |
rgb(40,64,132) |
hsl(224,53%,34%) |
| #20366B |
rgb(32,54,107) |
hsl(222,54%,27%) |
| #182952 |
rgb(24,41,82) |
hsl(222,55%,21%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304D9E |
rgb(48,77,158) |
hsl(224,53%,40%) |
| #9E4A30 |
rgb(158,74,48) |
hsl(14,53%,40%) |
| #849E30 |
rgb(132,158,48) |
hsl(74,53%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304D9E |
rgb(48,77,158) |
hsl(224,53%,40%) |
| #9E8230 |
rgb(158,130,48) |
hsl(45,53%,40%) |
| #30859E |
rgb(48,133,158) |
hsl(194,53%,40%) |
| #849E30 |
rgb(132,158,48) |
hsl(74,53%,40%) |
