HEX #284E67 color — San Juan
The color #284e67 is a dark shade and moderately saturated.
Palette
284e67 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 |
#286656 |
rgb(40,102,86) |
hsl(165,44%,28%) |
#284E67 |
rgb(40,78,103) |
hsl(204,44%,28%) |
#2C2967 |
rgb(44,41,103) |
hsl(243,43%,28%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E5977 |
rgb(46,89,119) |
hsl(205,44%,32%) |
#284E67 |
rgb(40,78,103) |
hsl(204,44%,28%) |
#214256 |
rgb(33,66,86) |
hsl(203,45%,23%) |
#1B3646 |
rgb(27,54,70) |
hsl(202,44%,19%) |
#142935 |
rgb(20,41,53) |
hsl(202,45%,14%) |
#0E1C25 |
rgb(14,28,37) |
hsl(203,45%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#284E67 |
rgb(40,78,103) |
hsl(204,44%,28%) |
#67292E |
rgb(103,41,46) |
hsl(355,43%,28%) |
#676128 |
rgb(103,97,40) |
hsl(54,44%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#284E67 |
rgb(40,78,103) |
hsl(204,44%,28%) |
#674028 |
rgb(103,64,40) |
hsl(23,44%,28%) |
#286660 |
rgb(40,102,96) |
hsl(174,44%,28%) |
#676128 |
rgb(103,97,40) |
hsl(54,44%,28%) |