HEX #304D69 color — San Juan
The color #304d69 is a dark shade and moderately saturated.
Palette
304d69 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef2f7 |
rgb(238,242,247) |
hsl(209,37%,95%) |
| #dce6ef |
rgb(220,230,239) |
hsl(209,37%,90%) |
| #cbd9e7 |
rgb(203,217,231) |
hsl(209,37%,85%) |
| #b9cddf |
rgb(185,205,223) |
hsl(209,37%,80%) |
| #a8c0d7 |
rgb(168,192,215) |
hsl(209,37%,75%) |
| #96b3cf |
rgb(150,179,207) |
hsl(209,37%,70%) |
| #85a7c7 |
rgb(133,167,199) |
hsl(209,37%,65%) |
| #739abf |
rgb(115,154,191) |
hsl(209,37%,60%) |
| #628eb7 |
rgb(98,142,183) |
hsl(209,37%,55%) |
| #5081af |
rgb(80,129,175) |
hsl(209,37%,50%) |
| #48749d |
rgb(72,116,157) |
hsl(209,37%,45%) |
| #40678c |
rgb(64,103,140) |
hsl(209,37%,40%) |
| #385a7a |
rgb(56,90,122) |
hsl(209,37%,35%) |
| #304d69 |
rgb(48,77,105) |
hsl(209,37%,30%) |
| #284157 |
rgb(40,65,87) |
hsl(209,37%,25%) |
| #203446 |
rgb(32,52,70) |
hsl(209,37%,20%) |
| #182734 |
rgb(24,39,52) |
hsl(209,37%,15%) |
| #101a23 |
rgb(16,26,35) |
hsl(209,37%,10%) |
| #080d11 |
rgb(8,13,17) |
hsl(209,37%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #30695F |
rgb(48,105,95) |
hsl(169,37%,30%) |
| #304D69 |
rgb(48,77,105) |
hsl(209,37%,30%) |
| #393069 |
rgb(57,48,105) |
hsl(249,37%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #375979 |
rgb(55,89,121) |
hsl(209,38%,35%) |
| #304D69 |
rgb(48,77,105) |
hsl(209,37%,30%) |
| #284058 |
rgb(40,64,88) |
hsl(210,38%,25%) |
| #203647 |
rgb(32,54,71) |
hsl(206,38%,20%) |
| #182936 |
rgb(24,41,54) |
hsl(206,38%,15%) |
| #111C25 |
rgb(17,28,37) |
hsl(207,37%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304D69 |
rgb(48,77,105) |
hsl(209,37%,30%) |
| #693030 |
rgb(105,48,48) |
hsl(360,37%,30%) |
| #696930 |
rgb(105,105,48) |
hsl(60,37%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304D69 |
rgb(48,77,105) |
hsl(209,37%,30%) |
| #694D30 |
rgb(105,77,48) |
hsl(31,37%,30%) |
| #306968 |
rgb(48,105,104) |
hsl(179,37%,30%) |
| #696930 |
rgb(105,105,48) |
hsl(60,37%,30%) |
