HEX #304A9B color — Sapphire
The color #304A9B is a dark shade and moderately saturated.
Palette
304A9B 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 |
| #30919B |
rgb(48,145,155) |
hsl(186,53%,40%) |
| #304A9B |
rgb(48,74,155) |
hsl(225,53%,40%) |
| #5D309B |
rgb(93,48,155) |
hsl(265,53%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #3757B3 |
rgb(55,87,179) |
hsl(225,53%,46%) |
| #304A9B |
rgb(48,74,155) |
hsl(225,53%,40%) |
| #283D82 |
rgb(40,61,130) |
hsl(226,53%,33%) |
| #203369 |
rgb(32,51,105) |
hsl(224,53%,27%) |
| #182650 |
rgb(24,38,80) |
hsl(225,54%,20%) |
| #111A37 |
rgb(17,26,55) |
hsl(226,53%,14%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304A9B |
rgb(48,74,155) |
hsl(225,53%,40%) |
| #9B4D30 |
rgb(155,77,48) |
hsl(16,53%,40%) |
| #7F9C30 |
rgb(127,156,48) |
hsl(76,53%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304A9B |
rgb(48,74,155) |
hsl(225,53%,40%) |
| #9B8230 |
rgb(155,130,48) |
hsl(46,53%,40%) |
| #30809B |
rgb(48,128,155) |
hsl(195,53%,40%) |
| #7F9C30 |
rgb(127,156,48) |
hsl(76,53%,40%) |
