HEX #304A9E color — Sapphire
The color #304A9E is a dark shade and moderately saturated.
Palette
304A9E color palette from light to dark
| HEX |
RGB |
HSL |
| #ebeff9 |
rgb(235,239,249) |
hsl(226,53%,95%) |
| #d8def3 |
rgb(216,222,243) |
hsl(226,53%,90%) |
| #c4ceed |
rgb(196,206,237) |
hsl(226,53%,85%) |
| #b1bee7 |
rgb(177,190,231) |
hsl(226,53%,80%) |
| #9dade1 |
rgb(157,173,225) |
hsl(226,53%,75%) |
| #8a9ddb |
rgb(138,157,219) |
hsl(226,53%,70%) |
| #768dd5 |
rgb(118,141,213) |
hsl(226,53%,65%) |
| #637ccf |
rgb(99,124,207) |
hsl(226,53%,60%) |
| #4f6cc9 |
rgb(79,108,201) |
hsl(226,53%,55%) |
| #3c5bc3 |
rgb(60,91,195) |
hsl(226,53%,50%) |
| #3652b0 |
rgb(54,82,176) |
hsl(226,53%,45%) |
| #30499c |
rgb(48,73,156) |
hsl(226,53%,40%) |
| #2a4089 |
rgb(42,64,137) |
hsl(226,53%,35%) |
| #243775 |
rgb(36,55,117) |
hsl(226,53%,30%) |
| #1e2e62 |
rgb(30,46,98) |
hsl(226,53%,25%) |
| #18254e |
rgb(24,37,78) |
hsl(226,53%,20%) |
| #121b3b |
rgb(18,27,59) |
hsl(226,53%,15%) |
| #0c1227 |
rgb(12,18,39) |
hsl(226,53%,10%) |
| #060914 |
rgb(6,9,20) |
hsl(226,53%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #30949E |
rgb(48,148,158) |
hsl(185,53%,40%) |
| #304A9E |
rgb(48,74,158) |
hsl(226,53%,40%) |
| #5F309E |
rgb(95,48,158) |
hsl(266,53%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #4866C7 |
rgb(72,102,199) |
hsl(226,53%,53%) |
| #3757B7 |
rgb(55,87,183) |
hsl(225,54%,47%) |
| #304A9E |
rgb(48,74,158) |
hsl(226,53%,40%) |
| #283D84 |
rgb(40,61,132) |
hsl(226,53%,34%) |
| #20336B |
rgb(32,51,107) |
hsl(225,54%,27%) |
| #182652 |
rgb(24,38,82) |
hsl(226,55%,21%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304A9E |
rgb(48,74,158) |
hsl(226,53%,40%) |
| #9E4D30 |
rgb(158,77,48) |
hsl(16,53%,40%) |
| #819E30 |
rgb(129,158,48) |
hsl(76,53%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304A9E |
rgb(48,74,158) |
hsl(226,53%,40%) |
| #9E8530 |
rgb(158,133,48) |
hsl(46,53%,40%) |
| #30829E |
rgb(48,130,158) |
hsl(195,53%,40%) |
| #819E30 |
rgb(129,158,48) |
hsl(76,53%,40%) |
