HEX #285C77 color — Calypso
The color #285c77 is a dark shade and moderately saturated.
Palette
285c77 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 |
#28785D |
rgb(40,120,93) |
hsl(160,50%,31%) |
#285C77 |
rgb(40,92,119) |
hsl(201,50%,31%) |
#282977 |
rgb(40,41,119) |
hsl(239,50%,31%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E6B8A |
rgb(46,107,138) |
hsl(200,50%,36%) |
#285C77 |
rgb(40,92,119) |
hsl(201,50%,31%) |
#214D63 |
rgb(33,77,99) |
hsl(200,50%,26%) |
#1B4050 |
rgb(27,64,80) |
hsl(198,50%,21%) |
#14303D |
rgb(20,48,61) |
hsl(199,51%,16%) |
#0E212A |
rgb(14,33,42) |
hsl(199,50%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#285C77 |
rgb(40,92,119) |
hsl(201,50%,31%) |
#772934 |
rgb(119,41,52) |
hsl(352,49%,31%) |
#776B28 |
rgb(119,107,40) |
hsl(51,50%,31%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#285C77 |
rgb(40,92,119) |
hsl(201,50%,31%) |
#774228 |
rgb(119,66,40) |
hsl(20,50%,31%) |
#28786A |
rgb(40,120,106) |
hsl(170,50%,31%) |
#776B28 |
rgb(119,107,40) |
hsl(51,50%,31%) |