HEX #304D60 color — San Juan
The color #304D60 is a dark shade and moderately saturated.
Palette
304D60 color palette from light to dark
| HEX |
RGB |
HSL |
| #f8fafc |
rgb(248,250,252) |
hsl(204,33%,98%) |
| #e7eef3 |
rgb(231,238,243) |
hsl(204,33%,93%) |
| #d6e2ea |
rgb(214,226,234) |
hsl(204,33%,88%) |
| #c5d7e2 |
rgb(197,215,226) |
hsl(204,33%,83%) |
| #b4cbd9 |
rgb(180,203,217) |
hsl(204,33%,78%) |
| #a3bfd1 |
rgb(163,191,209) |
hsl(204,33%,73%) |
| #92b3c8 |
rgb(146,179,200) |
hsl(204,33%,68%) |
| #82a7c0 |
rgb(130,167,192) |
hsl(204,33%,63%) |
| #719bb7 |
rgb(113,155,183) |
hsl(204,33%,58%) |
| #608faf |
rgb(96,143,175) |
hsl(204,33%,53%) |
| #5282a3 |
rgb(82,130,163) |
hsl(204,33%,48%) |
| #497592 |
rgb(73,117,146) |
hsl(204,33%,43%) |
| #416781 |
rgb(65,103,129) |
hsl(204,33%,38%) |
| #385a70 |
rgb(56,90,112) |
hsl(204,33%,33%) |
| #304c5f |
rgb(48,76,95) |
hsl(204,33%,28%) |
| #273f4e |
rgb(39,63,78) |
hsl(204,33%,23%) |
| #1f313d |
rgb(31,49,61) |
hsl(204,33%,18%) |
| #16232c |
rgb(22,35,44) |
hsl(204,33%,13%) |
| #0e161b |
rgb(14,22,27) |
hsl(204,33%,8%) |
| #05080a |
rgb(5,8,10) |
hsl(204,33%,3%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #306153 |
rgb(48,97,83) |
hsl(163,34%,28%) |
| #304D60 |
rgb(48,77,96) |
hsl(204,33%,28%) |
| #333060 |
rgb(51,48,96) |
hsl(244,33%,28%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #37596F |
rgb(55,89,111) |
hsl(204,34%,33%) |
| #304D60 |
rgb(48,77,96) |
hsl(204,33%,28%) |
| #284050 |
rgb(40,64,80) |
hsl(204,33%,24%) |
| #203641 |
rgb(32,54,65) |
hsl(200,34%,19%) |
| #182931 |
rgb(24,41,49) |
hsl(199,34%,14%) |
| #111C22 |
rgb(17,28,34) |
hsl(201,33%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304D60 |
rgb(48,77,96) |
hsl(204,33%,28%) |
| #603035 |
rgb(96,48,53) |
hsl(354,33%,28%) |
| #605C30 |
rgb(96,92,48) |
hsl(55,33%,28%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304D60 |
rgb(48,77,96) |
hsl(204,33%,28%) |
| #604230 |
rgb(96,66,48) |
hsl(23,33%,28%) |
| #30615B |
rgb(48,97,91) |
hsl(173,34%,28%) |
| #605C30 |
rgb(96,92,48) |
hsl(55,33%,28%) |
