HEX #304A6D color — San Juan
The color #304A6D is a dark shade and moderately saturated.
Palette
304A6D color palette from light to dark
HEX |
RGB |
HSL |
#f1f4f9 |
rgb(241,244,249) |
hsl(214,39%,96%) |
#dfe7f1 |
rgb(223,231,241) |
hsl(214,39%,91%) |
#cdd9e9 |
rgb(205,217,233) |
hsl(214,39%,86%) |
#bccce1 |
rgb(188,204,225) |
hsl(214,39%,81%) |
#aabfda |
rgb(170,191,218) |
hsl(214,39%,76%) |
#98b1d2 |
rgb(152,177,210) |
hsl(214,39%,71%) |
#86a4ca |
rgb(134,164,202) |
hsl(214,39%,66%) |
#7596c2 |
rgb(117,150,194) |
hsl(214,39%,61%) |
#6389bb |
rgb(99,137,187) |
hsl(214,39%,56%) |
#517cb3 |
rgb(81,124,179) |
hsl(214,39%,51%) |
#486fa3 |
rgb(72,111,163) |
hsl(214,39%,46%) |
#406391 |
rgb(64,99,145) |
hsl(214,39%,41%) |
#385780 |
rgb(56,87,128) |
hsl(214,39%,36%) |
#304b6e |
rgb(48,75,110) |
hsl(214,39%,31%) |
#283f5c |
rgb(40,63,92) |
hsl(214,39%,26%) |
#21334a |
rgb(33,51,74) |
hsl(214,39%,21%) |
#192739 |
rgb(25,39,57) |
hsl(214,39%,16%) |
#111b27 |
rgb(17,27,39) |
hsl(214,39%,11%) |
#090f15 |
rgb(9,15,21) |
hsl(214,39%,6%) |
#020204 |
rgb(2,2,4) |
hsl(214,39%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#306E67 |
rgb(48,110,103) |
hsl(173,39%,31%) |
#304A6D |
rgb(48,74,109) |
hsl(214,39%,31%) |
#3E306D |
rgb(62,48,109) |
hsl(254,39%,31%) |
Monochromatic colors
HEX |
RGB |
HSL |
#37577E |
rgb(55,87,126) |
hsl(213,39%,35%) |
#304A6D |
rgb(48,74,109) |
hsl(214,39%,31%) |
#283D5B |
rgb(40,61,91) |
hsl(215,39%,26%) |
#20334A |
rgb(32,51,74) |
hsl(213,40%,21%) |
#182638 |
rgb(24,38,56) |
hsl(214,40%,16%) |
#111A27 |
rgb(17,26,39) |
hsl(215,39%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#304A6D |
rgb(48,74,109) |
hsl(214,39%,31%) |
#6D3630 |
rgb(109,54,48) |
hsl(6,39%,31%) |
#686E30 |
rgb(104,110,48) |
hsl(66,39%,31%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304A6D |
rgb(48,74,109) |
hsl(214,39%,31%) |
#6D5430 |
rgb(109,84,48) |
hsl(35,39%,31%) |
#30696D |
rgb(48,105,109) |
hsl(184,39%,31%) |
#686E30 |
rgb(104,110,48) |
hsl(66,39%,31%) |