HEX #304F73 color — San Juan
The color #304f73 is a dark shade and moderately saturated.
Palette
304f73 color palette from light to dark
HEX |
RGB |
HSL |
#f4f7fa |
rgb(244,247,250) |
hsl(212,41%,97%) |
#e2eaf3 |
rgb(226,234,243) |
hsl(212,41%,92%) |
#d0ddeb |
rgb(208,221,235) |
hsl(212,41%,87%) |
#bed0e4 |
rgb(190,208,228) |
hsl(212,41%,82%) |
#acc3dc |
rgb(172,195,220) |
hsl(212,41%,77%) |
#9ab6d5 |
rgb(154,182,213) |
hsl(212,41%,72%) |
#88a9cd |
rgb(136,169,205) |
hsl(212,41%,67%) |
#769bc6 |
rgb(118,155,198) |
hsl(212,41%,62%) |
#648ebe |
rgb(100,142,190) |
hsl(212,41%,57%) |
#5281b7 |
rgb(82,129,183) |
hsl(212,41%,52%) |
#4775a9 |
rgb(71,117,169) |
hsl(212,41%,47%) |
#3f6897 |
rgb(63,104,151) |
hsl(212,41%,42%) |
#385c85 |
rgb(56,92,133) |
hsl(212,41%,37%) |
#304f73 |
rgb(48,79,115) |
hsl(212,41%,32%) |
#294361 |
rgb(41,67,97) |
hsl(212,41%,27%) |
#21374f |
rgb(33,55,79) |
hsl(212,41%,22%) |
#1a2a3d |
rgb(26,42,61) |
hsl(212,41%,17%) |
#121e2b |
rgb(18,30,43) |
hsl(212,41%,12%) |
#0b1119 |
rgb(11,17,25) |
hsl(212,41%,7%) |
#030507 |
rgb(3,5,7) |
hsl(212,41%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30736A |
rgb(48,115,106) |
hsl(172,41%,32%) |
#304F73 |
rgb(48,79,115) |
hsl(212,41%,32%) |
#3D3073 |
rgb(61,48,115) |
hsl(252,41%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#375C85 |
rgb(55,92,133) |
hsl(212,41%,37%) |
#304F73 |
rgb(48,79,115) |
hsl(212,41%,32%) |
#284260 |
rgb(40,66,96) |
hsl(212,41%,27%) |
#20364E |
rgb(32,54,78) |
hsl(211,42%,22%) |
#18293B |
rgb(24,41,59) |
hsl(211,42%,16%) |
#111C29 |
rgb(17,28,41) |
hsl(213,41%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#304F73 |
rgb(48,79,115) |
hsl(212,41%,32%) |
#733330 |
rgb(115,51,48) |
hsl(3,41%,32%) |
#707330 |
rgb(112,115,48) |
hsl(63,41%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304F73 |
rgb(48,79,115) |
hsl(212,41%,32%) |
#735430 |
rgb(115,84,48) |
hsl(32,41%,32%) |
#307073 |
rgb(48,112,115) |
hsl(183,41%,32%) |
#707330 |
rgb(112,115,48) |
hsl(63,41%,32%) |