HEX #284F69 color — San Juan
The color #284F69 is a dark shade and moderately saturated.
Palette
284F69 color palette from light to dark
| HEX |
RGB |
HSL |
| #f8fafc |
rgb(248,250,252) |
hsl(204,45%,98%) |
| #e5eff5 |
rgb(229,239,245) |
hsl(204,45%,93%) |
| #d3e3ee |
rgb(211,227,238) |
hsl(204,45%,88%) |
| #c0d8e7 |
rgb(192,216,231) |
hsl(204,45%,83%) |
| #aecce0 |
rgb(174,204,224) |
hsl(204,45%,78%) |
| #9bc0d9 |
rgb(155,192,217) |
hsl(204,45%,73%) |
| #89b5d2 |
rgb(137,181,210) |
hsl(204,45%,68%) |
| #76a9cb |
rgb(118,169,203) |
hsl(204,45%,63%) |
| #649ec4 |
rgb(100,158,196) |
hsl(204,45%,58%) |
| #5192bd |
rgb(81,146,189) |
hsl(204,45%,53%) |
| #4385b1 |
rgb(67,133,177) |
hsl(204,45%,48%) |
| #3c789f |
rgb(60,120,159) |
hsl(204,45%,43%) |
| #356a8d |
rgb(53,106,141) |
hsl(204,45%,38%) |
| #2e5c7a |
rgb(46,92,122) |
hsl(204,45%,33%) |
| #274e68 |
rgb(39,78,104) |
hsl(204,45%,28%) |
| #204055 |
rgb(32,64,85) |
hsl(204,45%,23%) |
| #193243 |
rgb(25,50,67) |
hsl(204,45%,18%) |
| #122430 |
rgb(18,36,48) |
hsl(204,45%,13%) |
| #0b161e |
rgb(11,22,30) |
hsl(204,45%,8%) |
| #04080b |
rgb(4,8,11) |
hsl(204,45%,3%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #286957 |
rgb(40,105,87) |
hsl(163,45%,28%) |
| #284F69 |
rgb(40,79,105) |
hsl(204,45%,28%) |
| #2C2969 |
rgb(44,41,105) |
hsl(243,44%,29%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #2E5C79 |
rgb(46,92,121) |
hsl(203,45%,33%) |
| #284F69 |
rgb(40,79,105) |
hsl(204,45%,28%) |
| #214258 |
rgb(33,66,88) |
hsl(204,45%,24%) |
| #1B3647 |
rgb(27,54,71) |
hsl(203,45%,19%) |
| #142936 |
rgb(20,41,54) |
hsl(203,46%,15%) |
| #0E1C25 |
rgb(14,28,37) |
hsl(203,45%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #284F69 |
rgb(40,79,105) |
hsl(204,45%,28%) |
| #69292E |
rgb(105,41,46) |
hsl(355,44%,29%) |
| #696328 |
rgb(105,99,40) |
hsl(54,45%,28%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #284F69 |
rgb(40,79,105) |
hsl(204,45%,28%) |
| #694228 |
rgb(105,66,40) |
hsl(24,45%,28%) |
| #286962 |
rgb(40,105,98) |
hsl(174,45%,28%) |
| #696328 |
rgb(105,99,40) |
hsl(54,45%,28%) |
