HEX #285C78 color — Calypso
The color #285C78 is a dark shade and moderately saturated.
Palette
285C78 color palette from light to dark
HEX |
RGB |
HSL |
#f0f6fa |
rgb(240,246,250) |
hsl(201,50%,96%) |
#ddebf4 |
rgb(221,235,244) |
hsl(201,50%,91%) |
#c9e1ed |
rgb(201,225,237) |
hsl(201,50%,86%) |
#b6d6e7 |
rgb(182,214,231) |
hsl(201,50%,81%) |
#a3cbe0 |
rgb(163,203,224) |
hsl(201,50%,76%) |
#90c0da |
rgb(144,192,218) |
hsl(201,50%,71%) |
#7db5d4 |
rgb(125,181,212) |
hsl(201,50%,66%) |
#6aaacd |
rgb(106,170,205) |
hsl(201,50%,61%) |
#57a0c7 |
rgb(87,160,199) |
hsl(201,50%,56%) |
#4495c1 |
rgb(68,149,193) |
hsl(201,50%,51%) |
#3b87b0 |
rgb(59,135,176) |
hsl(201,50%,46%) |
#34789d |
rgb(52,120,157) |
hsl(201,50%,41%) |
#2e6a8a |
rgb(46,106,138) |
hsl(201,50%,36%) |
#285b77 |
rgb(40,91,119) |
hsl(201,50%,31%) |
#214c63 |
rgb(33,76,99) |
hsl(201,50%,26%) |
#1b3e50 |
rgb(27,62,80) |
hsl(201,50%,21%) |
#142f3d |
rgb(20,47,61) |
hsl(201,50%,16%) |
#0e202a |
rgb(14,32,42) |
hsl(201,50%,11%) |
#081217 |
rgb(8,18,23) |
hsl(201,50%,6%) |
#010304 |
rgb(1,3,4) |
hsl(201,50%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#28785E |
rgb(40,120,94) |
hsl(161,50%,31%) |
#285C78 |
rgb(40,92,120) |
hsl(201,50%,31%) |
#292978 |
rgb(41,41,120) |
hsl(240,49%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E6B8B |
rgb(46,107,139) |
hsl(201,50%,36%) |
#285C78 |
rgb(40,92,120) |
hsl(201,50%,31%) |
#214D64 |
rgb(33,77,100) |
hsl(201,50%,26%) |
#1B4051 |
rgb(27,64,81) |
hsl(199,50%,21%) |
#14303E |
rgb(20,48,62) |
hsl(200,51%,16%) |
#0E212B |
rgb(14,33,43) |
hsl(201,51%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#285C78 |
rgb(40,92,120) |
hsl(201,50%,31%) |
#782934 |
rgb(120,41,52) |
hsl(352,49%,32%) |
#786B28 |
rgb(120,107,40) |
hsl(50,50%,31%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#285C78 |
rgb(40,92,120) |
hsl(201,50%,31%) |
#784528 |
rgb(120,69,40) |
hsl(22,50%,31%) |
#28786C |
rgb(40,120,108) |
hsl(171,50%,31%) |
#786B28 |
rgb(120,107,40) |
hsl(50,50%,31%) |