HEX #304C6E color — San Juan
The color #304C6E is a dark shade and moderately saturated.
Palette
304C6E color palette from light to dark
HEX |
RGB |
HSL |
#f1f4f9 |
rgb(241,244,249) |
hsl(213,39%,96%) |
#dfe7f1 |
rgb(223,231,241) |
hsl(213,39%,91%) |
#cddae9 |
rgb(205,218,233) |
hsl(213,39%,86%) |
#bccde1 |
rgb(188,205,225) |
hsl(213,39%,81%) |
#aabfda |
rgb(170,191,218) |
hsl(213,39%,76%) |
#98b2d2 |
rgb(152,178,210) |
hsl(213,39%,71%) |
#86a5ca |
rgb(134,165,202) |
hsl(213,39%,66%) |
#7598c2 |
rgb(117,152,194) |
hsl(213,39%,61%) |
#638abb |
rgb(99,138,187) |
hsl(213,39%,56%) |
#517db3 |
rgb(81,125,179) |
hsl(213,39%,51%) |
#4871a3 |
rgb(72,113,163) |
hsl(213,39%,46%) |
#406491 |
rgb(64,100,145) |
hsl(213,39%,41%) |
#385880 |
rgb(56,88,128) |
hsl(213,39%,36%) |
#304c6e |
rgb(48,76,110) |
hsl(213,39%,31%) |
#28405c |
rgb(40,64,92) |
hsl(213,39%,26%) |
#21334a |
rgb(33,51,74) |
hsl(213,39%,21%) |
#192739 |
rgb(25,39,57) |
hsl(213,39%,16%) |
#111b27 |
rgb(17,27,39) |
hsl(213,39%,11%) |
#090f15 |
rgb(9,15,21) |
hsl(213,39%,6%) |
#020204 |
rgb(2,2,4) |
hsl(213,39%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#306E66 |
rgb(48,110,102) |
hsl(172,39%,31%) |
#304C6E |
rgb(48,76,110) |
hsl(213,39%,31%) |
#3D306E |
rgb(61,48,110) |
hsl(253,39%,31%) |
Monochromatic colors
HEX |
RGB |
HSL |
#37597F |
rgb(55,89,127) |
hsl(212,40%,36%) |
#304C6E |
rgb(48,76,110) |
hsl(213,39%,31%) |
#28405C |
rgb(40,64,92) |
hsl(212,39%,26%) |
#20334A |
rgb(32,51,74) |
hsl(213,40%,21%) |
#182639 |
rgb(24,38,57) |
hsl(215,41%,16%) |
#111C27 |
rgb(17,28,39) |
hsl(210,39%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#304C6E |
rgb(48,76,110) |
hsl(213,39%,31%) |
#6E3330 |
rgb(110,51,48) |
hsl(3,39%,31%) |
#6B6E30 |
rgb(107,110,48) |
hsl(63,39%,31%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304C6E |
rgb(48,76,110) |
hsl(213,39%,31%) |
#6E5230 |
rgb(110,82,48) |
hsl(33,39%,31%) |
#306B6E |
rgb(48,107,110) |
hsl(183,39%,31%) |
#6B6E30 |
rgb(107,110,48) |
hsl(63,39%,31%) |