HEX #284D69 color — San Juan
The color #284D69 is a dark shade and moderately saturated.
Palette
284D69 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(206,45%,98%) |
#e5eef5 |
rgb(229,238,245) |
hsl(206,45%,93%) |
#d3e2ee |
rgb(211,226,238) |
hsl(206,45%,88%) |
#c0d6e7 |
rgb(192,214,231) |
hsl(206,45%,83%) |
#aecae0 |
rgb(174,202,224) |
hsl(206,45%,78%) |
#9bbed9 |
rgb(155,190,217) |
hsl(206,45%,73%) |
#89b2d2 |
rgb(137,178,210) |
hsl(206,45%,68%) |
#76a6cb |
rgb(118,166,203) |
hsl(206,45%,63%) |
#649ac4 |
rgb(100,154,196) |
hsl(206,45%,58%) |
#518ebd |
rgb(81,142,189) |
hsl(206,45%,53%) |
#4382b1 |
rgb(67,130,177) |
hsl(206,45%,48%) |
#3c749f |
rgb(60,116,159) |
hsl(206,45%,43%) |
#35678d |
rgb(53,103,141) |
hsl(206,45%,38%) |
#2e597a |
rgb(46,89,122) |
hsl(206,45%,33%) |
#274c68 |
rgb(39,76,104) |
hsl(206,45%,28%) |
#203e55 |
rgb(32,62,85) |
hsl(206,45%,23%) |
#193143 |
rgb(25,49,67) |
hsl(206,45%,18%) |
#122330 |
rgb(18,35,48) |
hsl(206,45%,13%) |
#0b161e |
rgb(11,22,30) |
hsl(206,45%,8%) |
#04080b |
rgb(4,8,11) |
hsl(206,45%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#286959 |
rgb(40,105,89) |
hsl(165,45%,28%) |
#284D69 |
rgb(40,77,105) |
hsl(206,45%,28%) |
#2E2969 |
rgb(46,41,105) |
hsl(245,44%,29%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E5979 |
rgb(46,89,121) |
hsl(206,45%,33%) |
#284D69 |
rgb(40,77,105) |
hsl(206,45%,28%) |
#214058 |
rgb(33,64,88) |
hsl(206,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 |
#284D69 |
rgb(40,77,105) |
hsl(206,45%,28%) |
#69292C |
rgb(105,41,44) |
hsl(357,44%,29%) |
#696328 |
rgb(105,99,40) |
hsl(54,45%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#284D69 |
rgb(40,77,105) |
hsl(206,45%,28%) |
#694528 |
rgb(105,69,40) |
hsl(27,45%,28%) |
#286964 |
rgb(40,105,100) |
hsl(175,45%,28%) |
#696328 |
rgb(105,99,40) |
hsl(54,45%,28%) |