HEX #285E77 color — Calypso
The color #285E77 is a dark shade and moderately saturated.
Palette
285E77 color palette from light to dark
HEX |
RGB |
HSL |
#f0f7fa |
rgb(240,247,250) |
hsl(199,50%,96%) |
#ddecf4 |
rgb(221,236,244) |
hsl(199,50%,91%) |
#c9e2ed |
rgb(201,226,237) |
hsl(199,50%,86%) |
#b6d7e7 |
rgb(182,215,231) |
hsl(199,50%,81%) |
#a3cde0 |
rgb(163,205,224) |
hsl(199,50%,76%) |
#90c3da |
rgb(144,195,218) |
hsl(199,50%,71%) |
#7db8d4 |
rgb(125,184,212) |
hsl(199,50%,66%) |
#6aaecd |
rgb(106,174,205) |
hsl(199,50%,61%) |
#57a3c7 |
rgb(87,163,199) |
hsl(199,50%,56%) |
#4499c1 |
rgb(68,153,193) |
hsl(199,50%,51%) |
#3b8bb0 |
rgb(59,139,176) |
hsl(199,50%,46%) |
#347c9d |
rgb(52,124,157) |
hsl(199,50%,41%) |
#2e6d8a |
rgb(46,109,138) |
hsl(199,50%,36%) |
#285e77 |
rgb(40,94,119) |
hsl(199,50%,31%) |
#214e63 |
rgb(33,78,99) |
hsl(199,50%,26%) |
#1b3f50 |
rgb(27,63,80) |
hsl(199,50%,21%) |
#14303d |
rgb(20,48,61) |
hsl(199,50%,16%) |
#0e212a |
rgb(14,33,42) |
hsl(199,50%,11%) |
#081217 |
rgb(8,18,23) |
hsl(199,50%,6%) |
#010304 |
rgb(1,3,4) |
hsl(199,50%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#28785B |
rgb(40,120,91) |
hsl(158,50%,31%) |
#285E77 |
rgb(40,94,119) |
hsl(199,50%,31%) |
#282977 |
rgb(40,41,119) |
hsl(239,50%,31%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E6E8A |
rgb(46,110,138) |
hsl(198,50%,36%) |
#285E77 |
rgb(40,94,119) |
hsl(199,50%,31%) |
#214F63 |
rgb(33,79,99) |
hsl(198,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 |
#285E77 |
rgb(40,94,119) |
hsl(199,50%,31%) |
#772936 |
rgb(119,41,54) |
hsl(350,49%,31%) |
#776928 |
rgb(119,105,40) |
hsl(49,50%,31%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#285E77 |
rgb(40,94,119) |
hsl(199,50%,31%) |
#774028 |
rgb(119,64,40) |
hsl(18,50%,31%) |
#287868 |
rgb(40,120,104) |
hsl(168,50%,31%) |
#776928 |
rgb(119,105,40) |
hsl(49,50%,31%) |