HEX #304A69 color — San Juan
The color #304A69 is a dark shade and moderately saturated.
Palette
304A69 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef2f7 |
rgb(238,242,247) |
hsl(213,37%,95%) |
| #dce5ef |
rgb(220,229,239) |
hsl(213,37%,90%) |
| #cbd7e7 |
rgb(203,215,231) |
hsl(213,37%,85%) |
| #b9cadf |
rgb(185,202,223) |
hsl(213,37%,80%) |
| #a8bdd7 |
rgb(168,189,215) |
hsl(213,37%,75%) |
| #96b0cf |
rgb(150,176,207) |
hsl(213,37%,70%) |
| #85a2c7 |
rgb(133,162,199) |
hsl(213,37%,65%) |
| #7395bf |
rgb(115,149,191) |
hsl(213,37%,60%) |
| #6288b7 |
rgb(98,136,183) |
hsl(213,37%,55%) |
| #507baf |
rgb(80,123,175) |
hsl(213,37%,50%) |
| #486f9d |
rgb(72,111,157) |
hsl(213,37%,45%) |
| #40628c |
rgb(64,98,140) |
hsl(213,37%,40%) |
| #38567a |
rgb(56,86,122) |
hsl(213,37%,35%) |
| #304a69 |
rgb(48,74,105) |
hsl(213,37%,30%) |
| #283d57 |
rgb(40,61,87) |
hsl(213,37%,25%) |
| #203146 |
rgb(32,49,70) |
hsl(213,37%,20%) |
| #182534 |
rgb(24,37,52) |
hsl(213,37%,15%) |
| #101923 |
rgb(16,25,35) |
hsl(213,37%,10%) |
| #080c11 |
rgb(8,12,17) |
hsl(213,37%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #306962 |
rgb(48,105,98) |
hsl(173,37%,30%) |
| #304A69 |
rgb(48,74,105) |
hsl(213,37%,30%) |
| #3C3069 |
rgb(60,48,105) |
hsl(253,37%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #375779 |
rgb(55,87,121) |
hsl(211,38%,35%) |
| #304A69 |
rgb(48,74,105) |
hsl(213,37%,30%) |
| #283D58 |
rgb(40,61,88) |
hsl(214,38%,25%) |
| #203347 |
rgb(32,51,71) |
hsl(211,38%,20%) |
| #182636 |
rgb(24,38,54) |
hsl(212,38%,15%) |
| #111A25 |
rgb(17,26,37) |
hsl(213,37%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304A69 |
rgb(48,74,105) |
hsl(213,37%,30%) |
| #693330 |
rgb(105,51,48) |
hsl(3,37%,30%) |
| #666930 |
rgb(102,105,48) |
hsl(63,37%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304A69 |
rgb(48,74,105) |
hsl(213,37%,30%) |
| #694F30 |
rgb(105,79,48) |
hsl(33,37%,30%) |
| #306669 |
rgb(48,102,105) |
hsl(183,37%,30%) |
| #666930 |
rgb(102,105,48) |
hsl(63,37%,30%) |
