HEX #284A66 color — San Juan

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

Color codes

copy icon
copy icon
copy icon

Palette

284A66 color palette from light to dark

HEX RGB HSL
#f8fafc rgb(248,250,252) hsl(207,44%,98%)
#e5eef5 rgb(229,238,245) hsl(207,44%,93%)
#d3e2ee rgb(211,226,238) hsl(207,44%,88%)
#c1d6e7 rgb(193,214,231) hsl(207,44%,83%)
#aec9e0 rgb(174,201,224) hsl(207,44%,78%)
#9cbdd8 rgb(156,189,216) hsl(207,44%,73%)
#89b1d1 rgb(137,177,209) hsl(207,44%,68%)
#77a5ca rgb(119,165,202) hsl(207,44%,63%)
#6599c3 rgb(101,153,195) hsl(207,44%,58%)
#528cbc rgb(82,140,188) hsl(207,44%,53%)
#4580b0 rgb(69,128,176) hsl(207,44%,48%)
#3d729e rgb(61,114,158) hsl(207,44%,43%)
#36658c rgb(54,101,140) hsl(207,44%,38%)
#2f5879 rgb(47,88,121) hsl(207,44%,33%)
#284b67 rgb(40,75,103) hsl(207,44%,28%)
#213d54 rgb(33,61,84) hsl(207,44%,23%)
#1a3042 rgb(26,48,66) hsl(207,44%,18%)
#132330 rgb(19,35,48) hsl(207,44%,13%)
#0b151d rgb(11,21,29) hsl(207,44%,8%)
#04080b rgb(4,8,11) hsl(207,44%,3%)

Adjacent colors

HEX RGB HSL
#286658 rgb(40,102,88) hsl(166,44%,28%)
#284A66 rgb(40,74,102) hsl(207,44%,28%)
#2F2966 rgb(47,41,102) hsl(246,43%,28%)

Monochromatic colors

HEX RGB HSL
#2E5776 rgb(46,87,118) hsl(206,44%,32%)
#284A66 rgb(40,74,102) hsl(207,44%,28%)
#213D55 rgb(33,61,85) hsl(208,44%,23%)
#1B3345 rgb(27,51,69) hsl(206,44%,19%)
#142635 rgb(20,38,53) hsl(207,45%,14%)
#0E1A24 rgb(14,26,36) hsl(207,44%,10%)

Triad color palettes

HEX RGB HSL
#284A66 rgb(40,74,102) hsl(207,44%,28%)
#66292B rgb(102,41,43) hsl(358,43%,28%)
#666328 rgb(102,99,40) hsl(57,44%,28%)

Tetrad color palettes

HEX RGB HSL
#284A66 rgb(40,74,102) hsl(207,44%,28%)
#664528 rgb(102,69,40) hsl(28,44%,28%)
#286663 rgb(40,102,99) hsl(177,44%,28%)
#666328 rgb(102,99,40) hsl(57,44%,28%)