HEX #284A69 color — San Juan
The color #284A69 is a dark shade and moderately saturated.
Palette
284A69 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(209,45%,98%) |
#e5edf5 |
rgb(229,237,245) |
hsl(209,45%,93%) |
#d3e1ee |
rgb(211,225,238) |
hsl(209,45%,88%) |
#c0d4e7 |
rgb(192,212,231) |
hsl(209,45%,83%) |
#aec8e0 |
rgb(174,200,224) |
hsl(209,45%,78%) |
#9bbbd9 |
rgb(155,187,217) |
hsl(209,45%,73%) |
#89afd2 |
rgb(137,175,210) |
hsl(209,45%,68%) |
#76a2cb |
rgb(118,162,203) |
hsl(209,45%,63%) |
#6496c4 |
rgb(100,150,196) |
hsl(209,45%,58%) |
#5189bd |
rgb(81,137,189) |
hsl(209,45%,53%) |
#437cb1 |
rgb(67,124,177) |
hsl(209,45%,48%) |
#3c6f9f |
rgb(60,111,159) |
hsl(209,45%,43%) |
#35628d |
rgb(53,98,141) |
hsl(209,45%,38%) |
#2e557a |
rgb(46,85,122) |
hsl(209,45%,33%) |
#274868 |
rgb(39,72,104) |
hsl(209,45%,28%) |
#203c55 |
rgb(32,60,85) |
hsl(209,45%,23%) |
#192f43 |
rgb(25,47,67) |
hsl(209,45%,18%) |
#122230 |
rgb(18,34,48) |
hsl(209,45%,13%) |
#0b151e |
rgb(11,21,30) |
hsl(209,45%,8%) |
#04080b |
rgb(4,8,11) |
hsl(209,45%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#28695C |
rgb(40,105,92) |
hsl(168,45%,28%) |
#284A69 |
rgb(40,74,105) |
hsl(209,45%,28%) |
#312969 |
rgb(49,41,105) |
hsl(248,44%,29%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E5779 |
rgb(46,87,121) |
hsl(207,45%,33%) |
#284A69 |
rgb(40,74,105) |
hsl(209,45%,28%) |
#213D58 |
rgb(33,61,88) |
hsl(209,45%,24%) |
#1B3347 |
rgb(27,51,71) |
hsl(207,45%,19%) |
#142636 |
rgb(20,38,54) |
hsl(208,46%,15%) |
#0E1A25 |
rgb(14,26,37) |
hsl(209,45%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#284A69 |
rgb(40,74,105) |
hsl(209,45%,28%) |
#692929 |
rgb(105,41,41) |
hsl(360,44%,29%) |
#696928 |
rgb(105,105,40) |
hsl(60,45%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#284A69 |
rgb(40,74,105) |
hsl(209,45%,28%) |
#694728 |
rgb(105,71,40) |
hsl(29,45%,28%) |
#286967 |
rgb(40,105,103) |
hsl(178,45%,28%) |
#696928 |
rgb(105,105,40) |
hsl(60,45%,28%) |