HEX #304B9C color — Sapphire
The color #304b9c is a dark shade and moderately saturated.
Palette
304b9c color palette from light to dark
HEX |
RGB |
HSL |
#ebeff9 |
rgb(235,239,249) |
hsl(225,53%,95%) |
#d8dff3 |
rgb(216,223,243) |
hsl(225,53%,90%) |
#c4cfed |
rgb(196,207,237) |
hsl(225,53%,85%) |
#b1bee7 |
rgb(177,190,231) |
hsl(225,53%,80%) |
#9daee1 |
rgb(157,174,225) |
hsl(225,53%,75%) |
#8a9edb |
rgb(138,158,219) |
hsl(225,53%,70%) |
#768ed5 |
rgb(118,142,213) |
hsl(225,53%,65%) |
#637ecf |
rgb(99,126,207) |
hsl(225,53%,60%) |
#4f6ec9 |
rgb(79,110,201) |
hsl(225,53%,55%) |
#3c5ec3 |
rgb(60,94,195) |
hsl(225,53%,50%) |
#3654b0 |
rgb(54,84,176) |
hsl(225,53%,45%) |
#304b9c |
rgb(48,75,156) |
hsl(225,53%,40%) |
#2a4289 |
rgb(42,66,137) |
hsl(225,53%,35%) |
#243875 |
rgb(36,56,117) |
hsl(225,53%,30%) |
#1e2f62 |
rgb(30,47,98) |
hsl(225,53%,25%) |
#18254e |
rgb(24,37,78) |
hsl(225,53%,20%) |
#121c3b |
rgb(18,28,59) |
hsl(225,53%,15%) |
#0c1327 |
rgb(12,19,39) |
hsl(225,53%,10%) |
#060914 |
rgb(6,9,20) |
hsl(225,53%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#30949C |
rgb(48,148,156) |
hsl(184,53%,40%) |
#304B9C |
rgb(48,75,156) |
hsl(225,53%,40%) |
#5D309C |
rgb(93,48,156) |
hsl(265,53%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4666C6 |
rgb(70,102,198) |
hsl(225,53%,53%) |
#3757B4 |
rgb(55,87,180) |
hsl(225,53%,46%) |
#304B9C |
rgb(48,75,156) |
hsl(225,53%,40%) |
#284083 |
rgb(40,64,131) |
hsl(224,53%,34%) |
#20336A |
rgb(32,51,106) |
hsl(225,54%,27%) |
#182651 |
rgb(24,38,81) |
hsl(225,54%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#304B9C |
rgb(48,75,156) |
hsl(225,53%,40%) |
#9C4A30 |
rgb(156,74,48) |
hsl(14,53%,40%) |
#819C30 |
rgb(129,156,48) |
hsl(75,53%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304B9C |
rgb(48,75,156) |
hsl(225,53%,40%) |
#9C8230 |
rgb(156,130,48) |
hsl(46,53%,40%) |
#30829C |
rgb(48,130,156) |
hsl(194,53%,40%) |
#819C30 |
rgb(129,156,48) |
hsl(75,53%,40%) |