HEX #304A64 color — San Juan
The color #304a64 is a dark shade and moderately saturated.
Palette
304a64 color palette from light to dark
| HEX |
RGB |
HSL |
| #fcfcfd |
rgb(252,252,253) |
hsl(210,35%,99%) |
| #eaf0f5 |
rgb(234,240,245) |
hsl(210,35%,94%) |
| #d9e3ed |
rgb(217,227,237) |
hsl(210,35%,89%) |
| #c8d6e4 |
rgb(200,214,228) |
hsl(210,35%,84%) |
| #b7c9dc |
rgb(183,201,220) |
hsl(210,35%,79%) |
| #a5bdd4 |
rgb(165,189,212) |
hsl(210,35%,74%) |
| #94b0cc |
rgb(148,176,204) |
hsl(210,35%,69%) |
| #83a3c3 |
rgb(131,163,195) |
hsl(210,35%,64%) |
| #7296bb |
rgb(114,150,187) |
hsl(210,35%,59%) |
| #618ab3 |
rgb(97,138,179) |
hsl(210,35%,54%) |
| #517da9 |
rgb(81,125,169) |
hsl(210,35%,49%) |
| #497097 |
rgb(73,112,151) |
hsl(210,35%,44%) |
| #416386 |
rgb(65,99,134) |
hsl(210,35%,39%) |
| #385775 |
rgb(56,87,117) |
hsl(210,35%,34%) |
| #304a64 |
rgb(48,74,100) |
hsl(210,35%,29%) |
| #283d53 |
rgb(40,61,83) |
hsl(210,35%,24%) |
| #1f3041 |
rgb(31,48,65) |
hsl(210,35%,19%) |
| #172430 |
rgb(23,36,48) |
hsl(210,35%,14%) |
| #0f171f |
rgb(15,23,31) |
hsl(210,35%,9%) |
| #070a0e |
rgb(7,10,14) |
hsl(210,35%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #30635B |
rgb(48,99,91) |
hsl(171,35%,29%) |
| #304A64 |
rgb(48,74,100) |
hsl(210,35%,29%) |
| #383064 |
rgb(56,48,100) |
hsl(249,35%,29%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #375774 |
rgb(55,87,116) |
hsl(209,36%,34%) |
| #304A64 |
rgb(48,74,100) |
hsl(210,35%,29%) |
| #283D54 |
rgb(40,61,84) |
hsl(211,35%,24%) |
| #203344 |
rgb(32,51,68) |
hsl(208,36%,20%) |
| #182634 |
rgb(24,38,52) |
hsl(210,37%,15%) |
| #111A24 |
rgb(17,26,36) |
hsl(212,36%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304A64 |
rgb(48,74,100) |
hsl(210,35%,29%) |
| #643030 |
rgb(100,48,48) |
hsl(360,35%,29%) |
| #646330 |
rgb(100,99,48) |
hsl(59,35%,29%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304A64 |
rgb(48,74,100) |
hsl(210,35%,29%) |
| #644A30 |
rgb(100,74,48) |
hsl(30,35%,29%) |
| #306364 |
rgb(48,99,100) |
hsl(181,35%,29%) |
| #646330 |
rgb(100,99,48) |
hsl(59,35%,29%) |
