HEX #304E64 color — San Juan
The color #304e64 is a dark shade and moderately saturated.
Palette
304e64 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(205,35%,99%) |
#eaf1f5 |
rgb(234,241,245) |
hsl(205,35%,94%) |
#d9e5ed |
rgb(217,229,237) |
hsl(205,35%,89%) |
#c8d9e4 |
rgb(200,217,228) |
hsl(205,35%,84%) |
#b7cddc |
rgb(183,205,220) |
hsl(205,35%,79%) |
#a5c1d4 |
rgb(165,193,212) |
hsl(205,35%,74%) |
#94b5cc |
rgb(148,181,204) |
hsl(205,35%,69%) |
#83a9c3 |
rgb(131,169,195) |
hsl(205,35%,64%) |
#729dbb |
rgb(114,157,187) |
hsl(205,35%,59%) |
#6191b3 |
rgb(97,145,179) |
hsl(205,35%,54%) |
#5184a9 |
rgb(81,132,169) |
hsl(205,35%,49%) |
#497797 |
rgb(73,119,151) |
hsl(205,35%,44%) |
#416986 |
rgb(65,105,134) |
hsl(205,35%,39%) |
#385c75 |
rgb(56,92,117) |
hsl(205,35%,34%) |
#304e64 |
rgb(48,78,100) |
hsl(205,35%,29%) |
#284153 |
rgb(40,65,83) |
hsl(205,35%,24%) |
#1f3341 |
rgb(31,51,65) |
hsl(205,35%,19%) |
#172630 |
rgb(23,38,48) |
hsl(205,35%,14%) |
#0f181f |
rgb(15,24,31) |
hsl(205,35%,9%) |
#070b0e |
rgb(7,11,14) |
hsl(205,35%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#306357 |
rgb(48,99,87) |
hsl(166,35%,29%) |
#304E64 |
rgb(48,78,100) |
hsl(205,35%,29%) |
#343064 |
rgb(52,48,100) |
hsl(245,35%,29%) |
Monochromatic colors
HEX |
RGB |
HSL |
#375974 |
rgb(55,89,116) |
hsl(207,36%,34%) |
#304E64 |
rgb(48,78,100) |
hsl(205,35%,29%) |
#284254 |
rgb(40,66,84) |
hsl(205,35%,24%) |
#203644 |
rgb(32,54,68) |
hsl(203,36%,20%) |
#182934 |
rgb(24,41,52) |
hsl(204,37%,15%) |
#111C24 |
rgb(17,28,36) |
hsl(205,36%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#304E64 |
rgb(48,78,100) |
hsl(205,35%,29%) |
#643034 |
rgb(100,48,52) |
hsl(355,35%,29%) |
#646130 |
rgb(100,97,48) |
hsl(57,35%,29%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304E64 |
rgb(48,78,100) |
hsl(205,35%,29%) |
#644530 |
rgb(100,69,48) |
hsl(24,35%,29%) |
#306360 |
rgb(48,99,96) |
hsl(176,35%,29%) |
#646130 |
rgb(100,97,48) |
hsl(57,35%,29%) |