HEX #304E78 color — San Juan
The color #304e78 is a dark shade and moderately saturated.
Palette
304e78 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(215,43%,98%) |
#e5ecf5 |
rgb(229,236,245) |
hsl(215,43%,93%) |
#d3deee |
rgb(211,222,238) |
hsl(215,43%,88%) |
#c1d1e6 |
rgb(193,209,230) |
hsl(215,43%,83%) |
#afc3df |
rgb(175,195,223) |
hsl(215,43%,78%) |
#9db5d8 |
rgb(157,181,216) |
hsl(215,43%,73%) |
#8aa8d0 |
rgb(138,168,208) |
hsl(215,43%,68%) |
#789ac9 |
rgb(120,154,201) |
hsl(215,43%,63%) |
#668cc2 |
rgb(102,140,194) |
hsl(215,43%,58%) |
#547fbb |
rgb(84,127,187) |
hsl(215,43%,53%) |
#4672af |
rgb(70,114,175) |
hsl(215,43%,48%) |
#3f669d |
rgb(63,102,157) |
hsl(215,43%,43%) |
#375a8b |
rgb(55,90,139) |
hsl(215,43%,38%) |
#304e78 |
rgb(48,78,120) |
hsl(215,43%,33%) |
#294266 |
rgb(41,66,102) |
hsl(215,43%,28%) |
#213654 |
rgb(33,54,84) |
hsl(215,43%,23%) |
#1a2b42 |
rgb(26,43,66) |
hsl(215,43%,18%) |
#131f2f |
rgb(19,31,47) |
hsl(215,43%,13%) |
#0c131d |
rgb(12,19,29) |
hsl(215,43%,8%) |
#04070b |
rgb(4,7,11) |
hsl(215,43%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#307872 |
rgb(48,120,114) |
hsl(175,43%,33%) |
#304E78 |
rgb(48,78,120) |
hsl(215,43%,33%) |
#423078 |
rgb(66,48,120) |
hsl(255,43%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#37598B |
rgb(55,89,139) |
hsl(216,43%,38%) |
#304E78 |
rgb(48,78,120) |
hsl(215,43%,33%) |
#284264 |
rgb(40,66,100) |
hsl(214,43%,27%) |
#203651 |
rgb(32,54,81) |
hsl(213,43%,22%) |
#18293E |
rgb(24,41,62) |
hsl(213,44%,17%) |
#111C2B |
rgb(17,28,43) |
hsl(215,43%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#304E78 |
rgb(48,78,120) |
hsl(215,43%,33%) |
#783630 |
rgb(120,54,48) |
hsl(5,43%,33%) |
#727830 |
rgb(114,120,48) |
hsl(65,43%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304E78 |
rgb(48,78,120) |
hsl(215,43%,33%) |
#785930 |
rgb(120,89,48) |
hsl(34,43%,33%) |
#307378 |
rgb(48,115,120) |
hsl(184,43%,33%) |
#727830 |
rgb(114,120,48) |
hsl(65,43%,33%) |