HEX #284D66 color — San Juan
The color #284D66 is a dark shade and moderately saturated.
Palette
284D66 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(204,44%,98%) |
#e5eff5 |
rgb(229,239,245) |
hsl(204,44%,93%) |
#d3e3ee |
rgb(211,227,238) |
hsl(204,44%,88%) |
#c1d7e7 |
rgb(193,215,231) |
hsl(204,44%,83%) |
#aecce0 |
rgb(174,204,224) |
hsl(204,44%,78%) |
#9cc0d8 |
rgb(156,192,216) |
hsl(204,44%,73%) |
#89b5d1 |
rgb(137,181,209) |
hsl(204,44%,68%) |
#77a9ca |
rgb(119,169,202) |
hsl(204,44%,63%) |
#659dc3 |
rgb(101,157,195) |
hsl(204,44%,58%) |
#5292bc |
rgb(82,146,188) |
hsl(204,44%,53%) |
#4585b0 |
rgb(69,133,176) |
hsl(204,44%,48%) |
#3d779e |
rgb(61,119,158) |
hsl(204,44%,43%) |
#36698c |
rgb(54,105,140) |
hsl(204,44%,38%) |
#2f5c79 |
rgb(47,92,121) |
hsl(204,44%,33%) |
#284e67 |
rgb(40,78,103) |
hsl(204,44%,28%) |
#214054 |
rgb(33,64,84) |
hsl(204,44%,23%) |
#1a3242 |
rgb(26,50,66) |
hsl(204,44%,18%) |
#132430 |
rgb(19,36,48) |
hsl(204,44%,13%) |
#0b161d |
rgb(11,22,29) |
hsl(204,44%,8%) |
#04080b |
rgb(4,8,11) |
hsl(204,44%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#286655 |
rgb(40,102,85) |
hsl(164,44%,28%) |
#284D66 |
rgb(40,77,102) |
hsl(204,44%,28%) |
#2C2966 |
rgb(44,41,102) |
hsl(243,43%,28%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E5976 |
rgb(46,89,118) |
hsl(204,44%,32%) |
#284D66 |
rgb(40,77,102) |
hsl(204,44%,28%) |
#214055 |
rgb(33,64,85) |
hsl(204,44%,23%) |
#1B3645 |
rgb(27,54,69) |
hsl(201,44%,19%) |
#142935 |
rgb(20,41,53) |
hsl(202,45%,14%) |
#0E1C24 |
rgb(14,28,36) |
hsl(202,44%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#284D66 |
rgb(40,77,102) |
hsl(204,44%,28%) |
#66292E |
rgb(102,41,46) |
hsl(355,43%,28%) |
#666128 |
rgb(102,97,40) |
hsl(55,44%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#284D66 |
rgb(40,77,102) |
hsl(204,44%,28%) |
#664028 |
rgb(102,64,40) |
hsl(23,44%,28%) |
#286660 |
rgb(40,102,96) |
hsl(174,44%,28%) |
#666128 |
rgb(102,97,40) |
hsl(55,44%,28%) |