HEX #304B69 color — San Juan
The color #304b69 is a dark shade and moderately saturated.
Palette
304b69 color palette from light to dark
HEX |
RGB |
HSL |
#eef2f7 |
rgb(238,242,247) |
hsl(212,37%,95%) |
#dce5ef |
rgb(220,229,239) |
hsl(212,37%,90%) |
#cbd8e7 |
rgb(203,216,231) |
hsl(212,37%,85%) |
#b9cbdf |
rgb(185,203,223) |
hsl(212,37%,80%) |
#a8bed7 |
rgb(168,190,215) |
hsl(212,37%,75%) |
#96b1cf |
rgb(150,177,207) |
hsl(212,37%,70%) |
#85a4c7 |
rgb(133,164,199) |
hsl(212,37%,65%) |
#7396bf |
rgb(115,150,191) |
hsl(212,37%,60%) |
#6289b7 |
rgb(98,137,183) |
hsl(212,37%,55%) |
#507caf |
rgb(80,124,175) |
hsl(212,37%,50%) |
#48709d |
rgb(72,112,157) |
hsl(212,37%,45%) |
#40638c |
rgb(64,99,140) |
hsl(212,37%,40%) |
#38577a |
rgb(56,87,122) |
hsl(212,37%,35%) |
#304b69 |
rgb(48,75,105) |
hsl(212,37%,30%) |
#283e57 |
rgb(40,62,87) |
hsl(212,37%,25%) |
#203246 |
rgb(32,50,70) |
hsl(212,37%,20%) |
#182534 |
rgb(24,37,52) |
hsl(212,37%,15%) |
#101923 |
rgb(16,25,35) |
hsl(212,37%,10%) |
#080c11 |
rgb(8,12,17) |
hsl(212,37%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#306961 |
rgb(48,105,97) |
hsl(172,37%,30%) |
#304B69 |
rgb(48,75,105) |
hsl(212,37%,30%) |
#3B3069 |
rgb(59,48,105) |
hsl(252,37%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#375779 |
rgb(55,87,121) |
hsl(211,38%,35%) |
#304B69 |
rgb(48,75,105) |
hsl(212,37%,30%) |
#284058 |
rgb(40,64,88) |
hsl(210,38%,25%) |
#203347 |
rgb(32,51,71) |
hsl(211,38%,20%) |
#182636 |
rgb(24,38,54) |
hsl(212,38%,15%) |
#111C25 |
rgb(17,28,37) |
hsl(207,37%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#304B69 |
rgb(48,75,105) |
hsl(212,37%,30%) |
#693030 |
rgb(105,48,48) |
hsl(360,37%,30%) |
#676930 |
rgb(103,105,48) |
hsl(62,37%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304B69 |
rgb(48,75,105) |
hsl(212,37%,30%) |
#694F30 |
rgb(105,79,48) |
hsl(33,37%,30%) |
#306969 |
rgb(48,105,105) |
hsl(180,37%,30%) |
#676930 |
rgb(103,105,48) |
hsl(62,37%,30%) |