HEX #304F9E color — Sapphire
The color #304F9E is a dark shade and moderately saturated.
Palette
304F9E color palette from light to dark
| HEX |
RGB |
HSL |
| #ebeff9 |
rgb(235,239,249) |
hsl(223,53%,95%) |
| #d8e0f3 |
rgb(216,224,243) |
hsl(223,53%,90%) |
| #c4d0ed |
rgb(196,208,237) |
hsl(223,53%,85%) |
| #b1c0e7 |
rgb(177,192,231) |
hsl(223,53%,80%) |
| #9db1e1 |
rgb(157,177,225) |
hsl(223,53%,75%) |
| #8aa1db |
rgb(138,161,219) |
hsl(223,53%,70%) |
| #7691d5 |
rgb(118,145,213) |
hsl(223,53%,65%) |
| #6382cf |
rgb(99,130,207) |
hsl(223,53%,60%) |
| #4f72c9 |
rgb(79,114,201) |
hsl(223,53%,55%) |
| #3c62c3 |
rgb(60,98,195) |
hsl(223,53%,50%) |
| #3658b0 |
rgb(54,88,176) |
hsl(223,53%,45%) |
| #304f9c |
rgb(48,79,156) |
hsl(223,53%,40%) |
| #2a4589 |
rgb(42,69,137) |
hsl(223,53%,35%) |
| #243b75 |
rgb(36,59,117) |
hsl(223,53%,30%) |
| #1e3162 |
rgb(30,49,98) |
hsl(223,53%,25%) |
| #18274e |
rgb(24,39,78) |
hsl(223,53%,20%) |
| #121d3b |
rgb(18,29,59) |
hsl(223,53%,15%) |
| #0c1427 |
rgb(12,20,39) |
hsl(223,53%,10%) |
| #060a14 |
rgb(6,10,20) |
hsl(223,53%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #30999E |
rgb(48,153,158) |
hsl(183,53%,40%) |
| #304F9E |
rgb(48,79,158) |
hsl(223,53%,40%) |
| #5A309E |
rgb(90,48,158) |
hsl(263,53%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #486BC7 |
rgb(72,107,199) |
hsl(223,53%,53%) |
| #375CB7 |
rgb(55,92,183) |
hsl(223,54%,47%) |
| #304F9E |
rgb(48,79,158) |
hsl(223,53%,40%) |
| #284284 |
rgb(40,66,132) |
hsl(223,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 |
| #304F9E |
rgb(48,79,158) |
hsl(223,53%,40%) |
| #9E4730 |
rgb(158,71,48) |
hsl(13,53%,40%) |
| #869E30 |
rgb(134,158,48) |
hsl(73,53%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304F9E |
rgb(48,79,158) |
hsl(223,53%,40%) |
| #9E8030 |
rgb(158,128,48) |
hsl(44,53%,40%) |
| #30879E |
rgb(48,135,158) |
hsl(193,53%,40%) |
| #869E30 |
rgb(134,158,48) |
hsl(73,53%,40%) |
