HEX #285E7B color — Calypso
The color #285e7b is a dark shade and moderately saturated.
Palette
285e7b color palette from light to dark
HEX |
RGB |
HSL |
#f3f9fb |
rgb(243,249,251) |
hsl(201,51%,97%) |
#e0eef5 |
rgb(224,238,245) |
hsl(201,51%,92%) |
#cde3ef |
rgb(205,227,239) |
hsl(201,51%,87%) |
#bad8e9 |
rgb(186,216,233) |
hsl(201,51%,82%) |
#a6cde2 |
rgb(166,205,226) |
hsl(201,51%,77%) |
#93c3dc |
rgb(147,195,220) |
hsl(201,51%,72%) |
#80b8d6 |
rgb(128,184,214) |
hsl(201,51%,67%) |
#6dadd0 |
rgb(109,173,208) |
hsl(201,51%,62%) |
#59a2c9 |
rgb(89,162,201) |
hsl(201,51%,57%) |
#4697c3 |
rgb(70,151,195) |
hsl(201,51%,52%) |
#3b8ab5 |
rgb(59,138,181) |
hsl(201,51%,47%) |
#347ba2 |
rgb(52,123,162) |
hsl(201,51%,42%) |
#2e6d8e |
rgb(46,109,142) |
hsl(201,51%,37%) |
#285e7b |
rgb(40,94,123) |
hsl(201,51%,32%) |
#224f68 |
rgb(34,79,104) |
hsl(201,51%,27%) |
#1b4155 |
rgb(27,65,85) |
hsl(201,51%,22%) |
#153241 |
rgb(21,50,65) |
hsl(201,51%,17%) |
#0f232e |
rgb(15,35,46) |
hsl(201,51%,12%) |
#09151b |
rgb(9,21,27) |
hsl(201,51%,7%) |
#020608 |
rgb(2,6,8) |
hsl(201,51%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#287A60 |
rgb(40,122,96) |
hsl(161,51%,32%) |
#285E7B |
rgb(40,94,123) |
hsl(201,51%,32%) |
#29297B |
rgb(41,41,123) |
hsl(240,50%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E6E8E |
rgb(46,110,142) |
hsl(200,51%,37%) |
#285E7B |
rgb(40,94,123) |
hsl(201,51%,32%) |
#214F67 |
rgb(33,79,103) |
hsl(201,51%,27%) |
#1B4053 |
rgb(27,64,83) |
hsl(200,51%,22%) |
#14303F |
rgb(20,48,63) |
hsl(201,52%,16%) |
#0E212C |
rgb(14,33,44) |
hsl(202,52%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#285E7B |
rgb(40,94,123) |
hsl(201,51%,32%) |
#7B2934 |
rgb(123,41,52) |
hsl(352,50%,32%) |
#7B6E28 |
rgb(123,110,40) |
hsl(51,51%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#285E7B |
rgb(40,94,123) |
hsl(201,51%,32%) |
#7B4528 |
rgb(123,69,40) |
hsl(21,51%,32%) |
#287A6E |
rgb(40,122,110) |
hsl(171,51%,32%) |
#7B6E28 |
rgb(123,110,40) |
hsl(51,51%,32%) |