HEX #304D6B color — San Juan
The color #304D6B is a dark shade and moderately saturated.
Palette
304D6B color palette from light to dark
| HEX |
RGB |
HSL |
| #edf2f7 |
rgb(237,242,247) |
hsl(211,38%,95%) |
| #dce5ef |
rgb(220,229,239) |
hsl(211,38%,90%) |
| #cad8e7 |
rgb(202,216,231) |
hsl(211,38%,85%) |
| #b9cbdf |
rgb(185,203,223) |
hsl(211,38%,80%) |
| #a7bed7 |
rgb(167,190,215) |
hsl(211,38%,75%) |
| #95b2d0 |
rgb(149,178,208) |
hsl(211,38%,70%) |
| #84a5c8 |
rgb(132,165,200) |
hsl(211,38%,65%) |
| #7298c0 |
rgb(114,152,192) |
hsl(211,38%,60%) |
| #618bb8 |
rgb(97,139,184) |
hsl(211,38%,55%) |
| #4f7eb0 |
rgb(79,126,176) |
hsl(211,38%,50%) |
| #47719e |
rgb(71,113,158) |
hsl(211,38%,45%) |
| #3f658d |
rgb(63,101,141) |
hsl(211,38%,40%) |
| #37587b |
rgb(55,88,123) |
hsl(211,38%,35%) |
| #2f4c6a |
rgb(47,76,106) |
hsl(211,38%,30%) |
| #283f58 |
rgb(40,63,88) |
hsl(211,38%,25%) |
| #203246 |
rgb(32,50,70) |
hsl(211,38%,20%) |
| #182635 |
rgb(24,38,53) |
hsl(211,38%,15%) |
| #101923 |
rgb(16,25,35) |
hsl(211,38%,10%) |
| #080d12 |
rgb(8,13,18) |
hsl(211,38%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #306B61 |
rgb(48,107,97) |
hsl(170,38%,30%) |
| #304D6B |
rgb(48,77,107) |
hsl(211,38%,30%) |
| #3A306B |
rgb(58,48,107) |
hsl(250,38%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #37597C |
rgb(55,89,124) |
hsl(210,39%,35%) |
| #304D6B |
rgb(48,77,107) |
hsl(211,38%,30%) |
| #284059 |
rgb(40,64,89) |
hsl(211,38%,25%) |
| #203648 |
rgb(32,54,72) |
hsl(207,38%,20%) |
| #182937 |
rgb(24,41,55) |
hsl(207,39%,15%) |
| #111C26 |
rgb(17,28,38) |
hsl(209,38%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304D6B |
rgb(48,77,107) |
hsl(211,38%,30%) |
| #6B3030 |
rgb(107,48,48) |
hsl(360,38%,30%) |
| #6A6B30 |
rgb(106,107,48) |
hsl(61,38%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304D6B |
rgb(48,77,107) |
hsl(211,38%,30%) |
| #6B4F30 |
rgb(107,79,48) |
hsl(32,38%,30%) |
| #306B6B |
rgb(48,107,107) |
hsl(180,38%,30%) |
| #6A6B30 |
rgb(106,107,48) |
hsl(61,38%,30%) |
