HEX #284C67 color — San Juan
The color #284c67 is a dark shade and moderately saturated.
Palette
284c67 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(206,44%,98%) |
#e5eef5 |
rgb(229,238,245) |
hsl(206,44%,93%) |
#d3e2ee |
rgb(211,226,238) |
hsl(206,44%,88%) |
#c1d6e7 |
rgb(193,214,231) |
hsl(206,44%,83%) |
#aecae0 |
rgb(174,202,224) |
hsl(206,44%,78%) |
#9cbed8 |
rgb(156,190,216) |
hsl(206,44%,73%) |
#89b2d1 |
rgb(137,178,209) |
hsl(206,44%,68%) |
#77a6ca |
rgb(119,166,202) |
hsl(206,44%,63%) |
#659ac3 |
rgb(101,154,195) |
hsl(206,44%,58%) |
#528ebc |
rgb(82,142,188) |
hsl(206,44%,53%) |
#4582b0 |
rgb(69,130,176) |
hsl(206,44%,48%) |
#3d749e |
rgb(61,116,158) |
hsl(206,44%,43%) |
#36678c |
rgb(54,103,140) |
hsl(206,44%,38%) |
#2f5979 |
rgb(47,89,121) |
hsl(206,44%,33%) |
#284c67 |
rgb(40,76,103) |
hsl(206,44%,28%) |
#213e54 |
rgb(33,62,84) |
hsl(206,44%,23%) |
#1a3142 |
rgb(26,49,66) |
hsl(206,44%,18%) |
#132330 |
rgb(19,35,48) |
hsl(206,44%,13%) |
#0b161d |
rgb(11,22,29) |
hsl(206,44%,8%) |
#04080b |
rgb(4,8,11) |
hsl(206,44%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#286658 |
rgb(40,102,88) |
hsl(166,44%,28%) |
#284C67 |
rgb(40,76,103) |
hsl(206,44%,28%) |
#2E2967 |
rgb(46,41,103) |
hsl(245,43%,28%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E5977 |
rgb(46,89,119) |
hsl(205,44%,32%) |
#284C67 |
rgb(40,76,103) |
hsl(206,44%,28%) |
#214056 |
rgb(33,64,86) |
hsl(205,45%,23%) |
#1B3346 |
rgb(27,51,70) |
hsl(207,44%,19%) |
#142635 |
rgb(20,38,53) |
hsl(207,45%,14%) |
#0E1C25 |
rgb(14,28,37) |
hsl(203,45%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#284C67 |
rgb(40,76,103) |
hsl(206,44%,28%) |
#67292C |
rgb(103,41,44) |
hsl(357,43%,28%) |
#676328 |
rgb(103,99,40) |
hsl(56,44%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#284C67 |
rgb(40,76,103) |
hsl(206,44%,28%) |
#674228 |
rgb(103,66,40) |
hsl(25,44%,28%) |
#286662 |
rgb(40,102,98) |
hsl(176,44%,28%) |
#676328 |
rgb(103,99,40) |
hsl(56,44%,28%) |