HEX #304F6B color — San Juan
The color #304F6B is a dark shade and moderately saturated.
Palette
304F6B color palette from light to dark
| HEX |
RGB |
HSL |
| #edf3f7 |
rgb(237,243,247) |
hsl(208,38%,95%) |
| #dce6ef |
rgb(220,230,239) |
hsl(208,38%,90%) |
| #cadae7 |
rgb(202,218,231) |
hsl(208,38%,85%) |
| #b9cddf |
rgb(185,205,223) |
hsl(208,38%,80%) |
| #a7c1d7 |
rgb(167,193,215) |
hsl(208,38%,75%) |
| #95b4d0 |
rgb(149,180,208) |
hsl(208,38%,70%) |
| #84a8c8 |
rgb(132,168,200) |
hsl(208,38%,65%) |
| #729cc0 |
rgb(114,156,192) |
hsl(208,38%,60%) |
| #618fb8 |
rgb(97,143,184) |
hsl(208,38%,55%) |
| #4f83b0 |
rgb(79,131,176) |
hsl(208,38%,50%) |
| #47769e |
rgb(71,118,158) |
hsl(208,38%,45%) |
| #3f698d |
rgb(63,105,141) |
hsl(208,38%,40%) |
| #375c7b |
rgb(55,92,123) |
hsl(208,38%,35%) |
| #2f4e6a |
rgb(47,78,106) |
hsl(208,38%,30%) |
| #284158 |
rgb(40,65,88) |
hsl(208,38%,25%) |
| #203446 |
rgb(32,52,70) |
hsl(208,38%,20%) |
| #182735 |
rgb(24,39,53) |
hsl(208,38%,15%) |
| #101a23 |
rgb(16,26,35) |
hsl(208,38%,10%) |
| #080d12 |
rgb(8,13,18) |
hsl(208,38%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #306B5F |
rgb(48,107,95) |
hsl(168,38%,30%) |
| #304F6B |
rgb(48,79,107) |
hsl(208,38%,30%) |
| #38306B |
rgb(56,48,107) |
hsl(248,38%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #375C7C |
rgb(55,92,124) |
hsl(208,39%,35%) |
| #304F6B |
rgb(48,79,107) |
hsl(208,38%,30%) |
| #284259 |
rgb(40,66,89) |
hsl(208,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 |
| #304F6B |
rgb(48,79,107) |
hsl(208,38%,30%) |
| #6B3031 |
rgb(107,48,49) |
hsl(359,38%,30%) |
| #6B6930 |
rgb(107,105,48) |
hsl(58,38%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304F6B |
rgb(48,79,107) |
hsl(208,38%,30%) |
| #6B4D30 |
rgb(107,77,48) |
hsl(29,38%,30%) |
| #306B69 |
rgb(48,107,105) |
hsl(178,38%,30%) |
| #6B6930 |
rgb(107,105,48) |
hsl(58,38%,30%) |
