HEX #304A6E color — San Juan
The color #304A6E is a dark shade and moderately saturated.
Palette
304A6E color palette from light to dark
HEX |
RGB |
HSL |
#f1f4f9 |
rgb(241,244,249) |
hsl(215,39%,96%) |
#dfe7f1 |
rgb(223,231,241) |
hsl(215,39%,91%) |
#cdd9e9 |
rgb(205,217,233) |
hsl(215,39%,86%) |
#bccbe1 |
rgb(188,203,225) |
hsl(215,39%,81%) |
#aabeda |
rgb(170,190,218) |
hsl(215,39%,76%) |
#98b0d2 |
rgb(152,176,210) |
hsl(215,39%,71%) |
#86a3ca |
rgb(134,163,202) |
hsl(215,39%,66%) |
#7595c2 |
rgb(117,149,194) |
hsl(215,39%,61%) |
#6388bb |
rgb(99,136,187) |
hsl(215,39%,56%) |
#517ab3 |
rgb(81,122,179) |
hsl(215,39%,51%) |
#486ea3 |
rgb(72,110,163) |
hsl(215,39%,46%) |
#406291 |
rgb(64,98,145) |
hsl(215,39%,41%) |
#385680 |
rgb(56,86,128) |
hsl(215,39%,36%) |
#304a6e |
rgb(48,74,110) |
hsl(215,39%,31%) |
#283e5c |
rgb(40,62,92) |
hsl(215,39%,26%) |
#21324a |
rgb(33,50,74) |
hsl(215,39%,21%) |
#192639 |
rgb(25,38,57) |
hsl(215,39%,16%) |
#111a27 |
rgb(17,26,39) |
hsl(215,39%,11%) |
#090e15 |
rgb(9,14,21) |
hsl(215,39%,6%) |
#020204 |
rgb(2,2,4) |
hsl(215,39%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#306E68 |
rgb(48,110,104) |
hsl(174,39%,31%) |
#304A6E |
rgb(48,74,110) |
hsl(215,39%,31%) |
#3F306E |
rgb(63,48,110) |
hsl(255,39%,31%) |
Monochromatic colors
HEX |
RGB |
HSL |
#37577F |
rgb(55,87,127) |
hsl(213,40%,36%) |
#304A6E |
rgb(48,74,110) |
hsl(215,39%,31%) |
#283D5C |
rgb(40,61,92) |
hsl(216,39%,26%) |
#20334A |
rgb(32,51,74) |
hsl(213,40%,21%) |
#182639 |
rgb(24,38,57) |
hsl(215,41%,16%) |
#111A27 |
rgb(17,26,39) |
hsl(215,39%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#304A6E |
rgb(48,74,110) |
hsl(215,39%,31%) |
#6E3630 |
rgb(110,54,48) |
hsl(6,39%,31%) |
#696E30 |
rgb(105,110,48) |
hsl(65,39%,31%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304A6E |
rgb(48,74,110) |
hsl(215,39%,31%) |
#6E5430 |
rgb(110,84,48) |
hsl(35,39%,31%) |
#30696E |
rgb(48,105,110) |
hsl(185,39%,31%) |
#696E30 |
rgb(105,110,48) |
hsl(65,39%,31%) |