HEX #285B80 color — Calypso
The color #285b80 is a dark shade and moderately saturated.
Palette
285b80 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(205,52%,98%) |
#e4eff6 |
rgb(228,239,246) |
hsl(205,52%,93%) |
#d0e3f0 |
rgb(208,227,240) |
hsl(205,52%,88%) |
#bdd7ea |
rgb(189,215,234) |
hsl(205,52%,83%) |
#aacce4 |
rgb(170,204,228) |
hsl(205,52%,78%) |
#96c0de |
rgb(150,192,222) |
hsl(205,52%,73%) |
#83b4d8 |
rgb(131,180,216) |
hsl(205,52%,68%) |
#70a9d2 |
rgb(112,169,210) |
hsl(205,52%,63%) |
#5c9dcc |
rgb(92,157,204) |
hsl(205,52%,58%) |
#4992c5 |
rgb(73,146,197) |
hsl(205,52%,53%) |
#3b85ba |
rgb(59,133,186) |
hsl(205,52%,48%) |
#3577a7 |
rgb(53,119,167) |
hsl(205,52%,43%) |
#2f6993 |
rgb(47,105,147) |
hsl(205,52%,38%) |
#285b80 |
rgb(40,91,128) |
hsl(205,52%,33%) |
#224e6d |
rgb(34,78,109) |
hsl(205,52%,28%) |
#1c4059 |
rgb(28,64,89) |
hsl(205,52%,23%) |
#163246 |
rgb(22,50,70) |
hsl(205,52%,18%) |
#102432 |
rgb(16,36,50) |
hsl(205,52%,13%) |
#0a161f |
rgb(10,22,31) |
hsl(205,52%,8%) |
#04080c |
rgb(4,8,12) |
hsl(205,52%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#28806A |
rgb(40,128,106) |
hsl(165,52%,33%) |
#285B80 |
rgb(40,91,128) |
hsl(205,52%,33%) |
#2F2980 |
rgb(47,41,128) |
hsl(244,51%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E6994 |
rgb(46,105,148) |
hsl(205,53%,38%) |
#285B80 |
rgb(40,91,128) |
hsl(205,52%,33%) |
#214D6B |
rgb(33,77,107) |
hsl(204,53%,27%) |
#1B3D57 |
rgb(27,61,87) |
hsl(206,53%,22%) |
#143042 |
rgb(20,48,66) |
hsl(203,53%,17%) |
#0E212E |
rgb(14,33,46) |
hsl(204,53%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#285B80 |
rgb(40,91,128) |
hsl(205,52%,33%) |
#80292F |
rgb(128,41,47) |
hsl(356,51%,33%) |
#807828 |
rgb(128,120,40) |
hsl(55,52%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#285B80 |
rgb(40,91,128) |
hsl(205,52%,33%) |
#804D28 |
rgb(128,77,40) |
hsl(25,52%,33%) |
#288079 |
rgb(40,128,121) |
hsl(175,52%,33%) |
#807828 |
rgb(128,120,40) |
hsl(55,52%,33%) |