HEX #285C7E color — Calypso
The color #285C7E is a dark shade and moderately saturated.
Palette
285C7E color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(204,52%,98%) |
#e4eff6 |
rgb(228,239,246) |
hsl(204,52%,93%) |
#d0e4f0 |
rgb(208,228,240) |
hsl(204,52%,88%) |
#bdd8ea |
rgb(189,216,234) |
hsl(204,52%,83%) |
#aacde4 |
rgb(170,205,228) |
hsl(204,52%,78%) |
#96c1de |
rgb(150,193,222) |
hsl(204,52%,73%) |
#83b6d8 |
rgb(131,182,216) |
hsl(204,52%,68%) |
#70aad2 |
rgb(112,170,210) |
hsl(204,52%,63%) |
#5c9fcc |
rgb(92,159,204) |
hsl(204,52%,58%) |
#4994c5 |
rgb(73,148,197) |
hsl(204,52%,53%) |
#3b87ba |
rgb(59,135,186) |
hsl(204,52%,48%) |
#3579a7 |
rgb(53,121,167) |
hsl(204,52%,43%) |
#2f6b93 |
rgb(47,107,147) |
hsl(204,52%,38%) |
#285d80 |
rgb(40,93,128) |
hsl(204,52%,33%) |
#224f6d |
rgb(34,79,109) |
hsl(204,52%,28%) |
#1c4159 |
rgb(28,65,89) |
hsl(204,52%,23%) |
#163346 |
rgb(22,51,70) |
hsl(204,52%,18%) |
#102532 |
rgb(16,37,50) |
hsl(204,52%,13%) |
#0a171f |
rgb(10,23,31) |
hsl(204,52%,8%) |
#04080c |
rgb(4,8,12) |
hsl(204,52%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#287D66 |
rgb(40,125,102) |
hsl(164,52%,32%) |
#285C7E |
rgb(40,92,126) |
hsl(204,52%,33%) |
#2D297E |
rgb(45,41,126) |
hsl(243,51%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E6B92 |
rgb(46,107,146) |
hsl(203,52%,38%) |
#285C7E |
rgb(40,92,126) |
hsl(204,52%,33%) |
#214D69 |
rgb(33,77,105) |
hsl(203,52%,27%) |
#1B4055 |
rgb(27,64,85) |
hsl(202,52%,22%) |
#143041 |
rgb(20,48,65) |
hsl(203,53%,17%) |
#0E212D |
rgb(14,33,45) |
hsl(203,53%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#285C7E |
rgb(40,92,126) |
hsl(204,52%,33%) |
#7E2931 |
rgb(126,41,49) |
hsl(354,51%,33%) |
#7E7528 |
rgb(126,117,40) |
hsl(54,52%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#285C7E |
rgb(40,92,126) |
hsl(204,52%,33%) |
#7E4A28 |
rgb(126,74,40) |
hsl(24,52%,33%) |
#287D75 |
rgb(40,125,117) |
hsl(174,52%,32%) |
#7E7528 |
rgb(126,117,40) |
hsl(54,52%,33%) |