HEX #285C81 color — Calypso
The color #285C81 is a dark shade and moderately saturated.
Palette
285C81 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(205,53%,98%) |
#e4eff7 |
rgb(228,239,247) |
hsl(205,53%,93%) |
#d0e3f1 |
rgb(208,227,241) |
hsl(205,53%,88%) |
#bdd7eb |
rgb(189,215,235) |
hsl(205,53%,83%) |
#a9cce5 |
rgb(169,204,229) |
hsl(205,53%,78%) |
#96c0df |
rgb(150,192,223) |
hsl(205,53%,73%) |
#82b5d9 |
rgb(130,181,217) |
hsl(205,53%,68%) |
#6fa9d3 |
rgb(111,169,211) |
hsl(205,53%,63%) |
#5b9dcd |
rgb(91,157,205) |
hsl(205,53%,58%) |
#4892c7 |
rgb(72,146,199) |
hsl(205,53%,53%) |
#3a85bb |
rgb(58,133,187) |
hsl(205,53%,48%) |
#3477a8 |
rgb(52,119,168) |
hsl(205,53%,43%) |
#2e6994 |
rgb(46,105,148) |
hsl(205,53%,38%) |
#285c81 |
rgb(40,92,129) |
hsl(205,53%,33%) |
#224e6d |
rgb(34,78,109) |
hsl(205,53%,28%) |
#1c405a |
rgb(28,64,90) |
hsl(205,53%,23%) |
#163246 |
rgb(22,50,70) |
hsl(205,53%,18%) |
#102433 |
rgb(16,36,51) |
hsl(205,53%,13%) |
#0a161f |
rgb(10,22,31) |
hsl(205,53%,8%) |
#04080c |
rgb(4,8,12) |
hsl(205,53%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#28826A |
rgb(40,130,106) |
hsl(164,53%,33%) |
#285C81 |
rgb(40,92,129) |
hsl(205,53%,33%) |
#2F2981 |
rgb(47,41,129) |
hsl(244,52%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E6B95 |
rgb(46,107,149) |
hsl(204,53%,38%) |
#285C81 |
rgb(40,92,129) |
hsl(205,53%,33%) |
#214D6C |
rgb(33,77,108) |
hsl(205,53%,28%) |
#1B4057 |
rgb(27,64,87) |
hsl(203,53%,22%) |
#143043 |
rgb(20,48,67) |
hsl(204,54%,17%) |
#0E212E |
rgb(14,33,46) |
hsl(204,53%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#285C81 |
rgb(40,92,129) |
hsl(205,53%,33%) |
#81292F |
rgb(129,41,47) |
hsl(356,52%,33%) |
#817A28 |
rgb(129,122,40) |
hsl(55,53%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#285C81 |
rgb(40,92,129) |
hsl(205,53%,33%) |
#814D28 |
rgb(129,77,40) |
hsl(25,53%,33%) |
#288279 |
rgb(40,130,121) |
hsl(174,53%,33%) |
#817A28 |
rgb(129,122,40) |
hsl(55,53%,33%) |