HEX #285C5F color — Casal
The color #285C5F is a dark shade and moderately saturated.
Palette
285C5F color palette from light to dark
HEX |
RGB |
HSL |
#f1f9f9 |
rgb(241,249,249) |
hsl(183,41%,96%) |
#dff1f1 |
rgb(223,241,241) |
hsl(183,41%,91%) |
#cde8ea |
rgb(205,232,234) |
hsl(183,41%,86%) |
#bbe0e2 |
rgb(187,224,226) |
hsl(183,41%,81%) |
#a9d8db |
rgb(169,216,219) |
hsl(183,41%,76%) |
#97d0d3 |
rgb(151,208,211) |
hsl(183,41%,71%) |
#85c8cc |
rgb(133,200,204) |
hsl(183,41%,66%) |
#73c0c4 |
rgb(115,192,196) |
hsl(183,41%,61%) |
#61b8bd |
rgb(97,184,189) |
hsl(183,41%,56%) |
#4fb0b5 |
rgb(79,176,181) |
hsl(183,41%,51%) |
#45a1a5 |
rgb(69,161,165) |
hsl(183,41%,46%) |
#3e8f93 |
rgb(62,143,147) |
hsl(183,41%,41%) |
#367e81 |
rgb(54,126,129) |
hsl(183,41%,36%) |
#2f6c6f |
rgb(47,108,111) |
hsl(183,41%,31%) |
#275b5d |
rgb(39,91,93) |
hsl(183,41%,26%) |
#20494c |
rgb(32,73,76) |
hsl(183,41%,21%) |
#18383a |
rgb(24,56,58) |
hsl(183,41%,16%) |
#112628 |
rgb(17,38,40) |
hsl(183,41%,11%) |
#091516 |
rgb(9,21,22) |
hsl(183,41%,6%) |
#020304 |
rgb(2,3,4) |
hsl(183,41%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#285E3D |
rgb(40,94,61) |
hsl(143,40%,26%) |
#285C5F |
rgb(40,92,95) |
hsl(183,41%,26%) |
#28385F |
rgb(40,56,95) |
hsl(223,41%,26%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E6B6E |
rgb(46,107,110) |
hsl(183,41%,31%) |
#285C5F |
rgb(40,92,95) |
hsl(183,41%,26%) |
#214D4F |
rgb(33,77,79) |
hsl(183,41%,22%) |
#1B4040 |
rgb(27,64,64) |
hsl(180,41%,18%) |
#143031 |
rgb(20,48,49) |
hsl(182,42%,14%) |
#0E2122 |
rgb(14,33,34) |
hsl(183,42%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#285C5F |
rgb(40,92,95) |
hsl(183,41%,26%) |
#5F2940 |
rgb(95,41,64) |
hsl(334,40%,27%) |
#5F4728 |
rgb(95,71,40) |
hsl(34,41%,26%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#285C5F |
rgb(40,92,95) |
hsl(183,41%,26%) |
#5F2B28 |
rgb(95,43,40) |
hsl(3,41%,26%) |
#285E46 |
rgb(40,94,70) |
hsl(153,40%,26%) |
#5F4728 |
rgb(95,71,40) |
hsl(34,41%,26%) |