HEX #284A42 color — Plantation
The color #284A42 is a dark shade and slightly desaturated.
Palette
284A42 color palette from light to dark
| HEX |
RGB |
HSL |
| #f5faf9 |
rgb(245,250,249) |
hsl(166,30%,97%) |
| #e4f1ee |
rgb(228,241,238) |
hsl(166,30%,92%) |
| #d4e8e3 |
rgb(212,232,227) |
hsl(166,30%,87%) |
| #c3dfd8 |
rgb(195,223,216) |
hsl(166,30%,82%) |
| #b3d6ce |
rgb(179,214,206) |
hsl(166,30%,77%) |
| #a2cdc3 |
rgb(162,205,195) |
hsl(166,30%,72%) |
| #92c4b8 |
rgb(146,196,184) |
hsl(166,30%,67%) |
| #81bbae |
rgb(129,187,174) |
hsl(166,30%,62%) |
| #70b2a3 |
rgb(112,178,163) |
hsl(166,30%,57%) |
| #60a998 |
rgb(96,169,152) |
hsl(166,30%,52%) |
| #549c8b |
rgb(84,156,139) |
hsl(166,30%,47%) |
| #4b8b7c |
rgb(75,139,124) |
hsl(166,30%,42%) |
| #427b6d |
rgb(66,123,109) |
hsl(166,30%,37%) |
| #396a5f |
rgb(57,106,95) |
hsl(166,30%,32%) |
| #305a50 |
rgb(48,90,80) |
hsl(166,30%,27%) |
| #274941 |
rgb(39,73,65) |
hsl(166,30%,22%) |
| #1e3832 |
rgb(30,56,50) |
hsl(166,30%,17%) |
| #152823 |
rgb(21,40,35) |
hsl(166,30%,12%) |
| #0c1715 |
rgb(12,23,21) |
hsl(166,30%,7%) |
| #040706 |
rgb(4,7,6) |
hsl(166,30%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #284A2B |
rgb(40,74,43) |
hsl(125,30%,22%) |
| #284A42 |
rgb(40,74,66) |
hsl(166,30%,22%) |
| #283B4A |
rgb(40,59,74) |
hsl(206,30%,22%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #2E574C |
rgb(46,87,76) |
hsl(164,31%,26%) |
| #284A42 |
rgb(40,74,66) |
hsl(166,30%,22%) |
| #213D37 |
rgb(33,61,55) |
hsl(167,30%,18%) |
| #1B332C |
rgb(27,51,44) |
hsl(163,31%,15%) |
| #142622 |
rgb(20,38,34) |
hsl(167,31%,11%) |
| #0E1A17 |
rgb(14,26,23) |
hsl(165,30%,8%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #284A42 |
rgb(40,74,66) |
hsl(166,30%,22%) |
| #4A2941 |
rgb(74,41,65) |
hsl(316,29%,23%) |
| #4A3028 |
rgb(74,48,40) |
hsl(14,30%,22%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #284A42 |
rgb(40,74,66) |
hsl(166,30%,22%) |
| #4A2930 |
rgb(74,41,48) |
hsl(347,29%,23%) |
| #284A31 |
rgb(40,74,49) |
hsl(136,30%,22%) |
| #4A3028 |
rgb(74,48,40) |
hsl(14,30%,22%) |
