HEX #304F56 color — Spectra
The color #304F56 is a dark shade and slightly desaturated.
Palette
304F56 color palette from light to dark
| HEX |
RGB |
HSL |
| #f2f7f8 |
rgb(242,247,248) |
hsl(191,28%,96%) |
| #e2ecee |
rgb(226,236,238) |
hsl(191,28%,91%) |
| #d1e2e5 |
rgb(209,226,229) |
hsl(191,28%,86%) |
| #c1d7dc |
rgb(193,215,220) |
hsl(191,28%,81%) |
| #b1cdd3 |
rgb(177,205,211) |
hsl(191,28%,76%) |
| #a0c2ca |
rgb(160,194,202) |
hsl(191,28%,71%) |
| #90b8c1 |
rgb(144,184,193) |
hsl(191,28%,66%) |
| #80adb7 |
rgb(128,173,183) |
hsl(191,28%,61%) |
| #6fa3ae |
rgb(111,163,174) |
hsl(191,28%,56%) |
| #5f98a5 |
rgb(95,152,165) |
hsl(191,28%,51%) |
| #548a96 |
rgb(84,138,150) |
hsl(191,28%,46%) |
| #4b7b86 |
rgb(75,123,134) |
hsl(191,28%,41%) |
| #426c76 |
rgb(66,108,118) |
hsl(191,28%,36%) |
| #395d65 |
rgb(57,93,101) |
hsl(191,28%,31%) |
| #304e55 |
rgb(48,78,85) |
hsl(191,28%,26%) |
| #273f45 |
rgb(39,63,69) |
hsl(191,28%,21%) |
| #1d3034 |
rgb(29,48,52) |
hsl(191,28%,16%) |
| #142124 |
rgb(20,33,36) |
hsl(191,28%,11%) |
| #0b1214 |
rgb(11,18,20) |
hsl(191,28%,6%) |
| #020303 |
rgb(2,3,3) |
hsl(191,28%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #305743 |
rgb(48,87,67) |
hsl(149,29%,26%) |
| #304F56 |
rgb(48,79,86) |
hsl(191,28%,26%) |
| #303656 |
rgb(48,54,86) |
hsl(231,28%,26%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #375C63 |
rgb(55,92,99) |
hsl(190,29%,30%) |
| #304F56 |
rgb(48,79,86) |
hsl(191,28%,26%) |
| #284248 |
rgb(40,66,72) |
hsl(191,29%,22%) |
| #20363A |
rgb(32,54,58) |
hsl(189,29%,18%) |
| #18292C |
rgb(24,41,44) |
hsl(189,29%,13%) |
| #111C1E |
rgb(17,28,30) |
hsl(189,28%,9%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304F56 |
rgb(48,79,86) |
hsl(191,28%,26%) |
| #56303C |
rgb(86,48,60) |
hsl(341,28%,26%) |
| #564A30 |
rgb(86,74,48) |
hsl(41,28%,26%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304F56 |
rgb(48,79,86) |
hsl(191,28%,26%) |
| #563830 |
rgb(86,56,48) |
hsl(13,28%,26%) |
| #30574A |
rgb(48,87,74) |
hsl(160,29%,26%) |
| #564A30 |
rgb(86,74,48) |
hsl(41,28%,26%) |
