HEX #304F55 color — Spectra
The color #304f55 is a dark shade and slightly desaturated.
Palette
304f55 color palette from light to dark
| HEX |
RGB |
HSL |
| #f2f7f8 |
rgb(242,247,248) |
hsl(190,28%,96%) |
| #e2ecee |
rgb(226,236,238) |
hsl(190,28%,91%) |
| #d1e2e5 |
rgb(209,226,229) |
hsl(190,28%,86%) |
| #c1d8dc |
rgb(193,216,220) |
hsl(190,28%,81%) |
| #b1cdd3 |
rgb(177,205,211) |
hsl(190,28%,76%) |
| #a0c3ca |
rgb(160,195,202) |
hsl(190,28%,71%) |
| #90b8c1 |
rgb(144,184,193) |
hsl(190,28%,66%) |
| #80aeb7 |
rgb(128,174,183) |
hsl(190,28%,61%) |
| #6fa4ae |
rgb(111,164,174) |
hsl(190,28%,56%) |
| #5f99a5 |
rgb(95,153,165) |
hsl(190,28%,51%) |
| #548b96 |
rgb(84,139,150) |
hsl(190,28%,46%) |
| #4b7c86 |
rgb(75,124,134) |
hsl(190,28%,41%) |
| #426d76 |
rgb(66,109,118) |
hsl(190,28%,36%) |
| #395e65 |
rgb(57,94,101) |
hsl(190,28%,31%) |
| #304f55 |
rgb(48,79,85) |
hsl(190,28%,26%) |
| #274045 |
rgb(39,64,69) |
hsl(190,28%,21%) |
| #1d3034 |
rgb(29,48,52) |
hsl(190,28%,16%) |
| #142124 |
rgb(20,33,36) |
hsl(190,28%,11%) |
| #0b1214 |
rgb(11,18,20) |
hsl(190,28%,6%) |
| #020303 |
rgb(2,3,3) |
hsl(190,28%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #305442 |
rgb(48,84,66) |
hsl(150,27%,26%) |
| #304F55 |
rgb(48,79,85) |
hsl(190,28%,26%) |
| #303655 |
rgb(48,54,85) |
hsl(230,28%,26%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #375C62 |
rgb(55,92,98) |
hsl(188,28%,30%) |
| #304F55 |
rgb(48,79,85) |
hsl(190,28%,26%) |
| #284247 |
rgb(40,66,71) |
hsl(190,28%,22%) |
| #203639 |
rgb(32,54,57) |
hsl(187,28%,17%) |
| #18292C |
rgb(24,41,44) |
hsl(189,29%,13%) |
| #111C1E |
rgb(17,28,30) |
hsl(189,28%,9%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304F55 |
rgb(48,79,85) |
hsl(190,28%,26%) |
| #55303C |
rgb(85,48,60) |
hsl(341,28%,26%) |
| #554730 |
rgb(85,71,48) |
hsl(37,28%,26%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304F55 |
rgb(48,79,85) |
hsl(190,28%,26%) |
| #553630 |
rgb(85,54,48) |
hsl(10,28%,26%) |
| #305448 |
rgb(48,84,72) |
hsl(160,27%,26%) |
| #554730 |
rgb(85,71,48) |
hsl(37,28%,26%) |
