HEX #284A65 color — San Juan

The color #284A65 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

284A65 color palette from light to dark

HEX RGB HSL
#f8fafc rgb(248,250,252) hsl(207,43%,98%)
#e5eef5 rgb(229,238,245) hsl(207,43%,93%)
#d3e2ee rgb(211,226,238) hsl(207,43%,88%)
#c1d6e6 rgb(193,214,230) hsl(207,43%,83%)
#afc9df rgb(175,201,223) hsl(207,43%,78%)
#9dbdd8 rgb(157,189,216) hsl(207,43%,73%)
#8ab1d0 rgb(138,177,208) hsl(207,43%,68%)
#78a5c9 rgb(120,165,201) hsl(207,43%,63%)
#6699c2 rgb(102,153,194) hsl(207,43%,58%)
#548cbb rgb(84,140,187) hsl(207,43%,53%)
#4680af rgb(70,128,175) hsl(207,43%,48%)
#3f729d rgb(63,114,157) hsl(207,43%,43%)
#37658b rgb(55,101,139) hsl(207,43%,38%)
#305878 rgb(48,88,120) hsl(207,43%,33%)
#294a66 rgb(41,74,102) hsl(207,43%,28%)
#213d54 rgb(33,61,84) hsl(207,43%,23%)
#1a3042 rgb(26,48,66) hsl(207,43%,18%)
#13232f rgb(19,35,47) hsl(207,43%,13%)
#0c151d rgb(12,21,29) hsl(207,43%,8%)
#04080b rgb(4,8,11) hsl(207,43%,3%)

Adjacent colors

HEX RGB HSL
#286657 rgb(40,102,87) hsl(165,44%,28%)
#284A65 rgb(40,74,101) hsl(207,43%,28%)
#2E2965 rgb(46,41,101) hsl(245,42%,28%)

Monochromatic colors

HEX RGB HSL
#2E5775 rgb(46,87,117) hsl(205,44%,32%)
#284A65 rgb(40,74,101) hsl(207,43%,28%)
#213D54 rgb(33,61,84) hsl(207,44%,23%)
#1B3344 rgb(27,51,68) hsl(205,43%,19%)
#142634 rgb(20,38,52) hsl(206,44%,14%)
#0E1A24 rgb(14,26,36) hsl(207,44%,10%)

Triad color palettes

HEX RGB HSL
#284A65 rgb(40,74,101) hsl(207,43%,28%)
#65292B rgb(101,41,43) hsl(358,42%,28%)
#656128 rgb(101,97,40) hsl(56,43%,28%)

Tetrad color palettes

HEX RGB HSL
#284A65 rgb(40,74,101) hsl(207,43%,28%)
#654228 rgb(101,66,40) hsl(26,43%,28%)
#286661 rgb(40,102,97) hsl(175,44%,28%)
#656128 rgb(101,97,40) hsl(56,43%,28%)