HEX #304E5A color — Pickled Bluewood
The color #304e5a is a dark shade and slightly desaturated.
Palette
304e5a color palette from light to dark
| HEX |
RGB |
HSL |
| #f5f8fa |
rgb(245,248,250) |
hsl(197,30%,97%) |
| #e4edf1 |
rgb(228,237,241) |
hsl(197,30%,92%) |
| #d4e2e8 |
rgb(212,226,232) |
hsl(197,30%,87%) |
| #c3d7df |
rgb(195,215,223) |
hsl(197,30%,82%) |
| #b3ccd6 |
rgb(179,204,214) |
hsl(197,30%,77%) |
| #a2c1cd |
rgb(162,193,205) |
hsl(197,30%,72%) |
| #92b6c4 |
rgb(146,182,196) |
hsl(197,30%,67%) |
| #81abbb |
rgb(129,171,187) |
hsl(197,30%,62%) |
| #70a0b2 |
rgb(112,160,178) |
hsl(197,30%,57%) |
| #6095a9 |
rgb(96,149,169) |
hsl(197,30%,52%) |
| #54879c |
rgb(84,135,156) |
hsl(197,30%,47%) |
| #4b798b |
rgb(75,121,139) |
hsl(197,30%,42%) |
| #426b7b |
rgb(66,107,123) |
hsl(197,30%,37%) |
| #395c6a |
rgb(57,92,106) |
hsl(197,30%,32%) |
| #304e5a |
rgb(48,78,90) |
hsl(197,30%,27%) |
| #273f49 |
rgb(39,63,73) |
hsl(197,30%,22%) |
| #1e3138 |
rgb(30,49,56) |
hsl(197,30%,17%) |
| #152328 |
rgb(21,35,40) |
hsl(197,30%,12%) |
| #0c1417 |
rgb(12,20,23) |
hsl(197,30%,7%) |
| #040607 |
rgb(4,6,7) |
hsl(197,30%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #30594A |
rgb(48,89,74) |
hsl(158,30%,27%) |
| #304E5A |
rgb(48,78,90) |
hsl(197,30%,27%) |
| #30335A |
rgb(48,51,90) |
hsl(236,30%,27%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #375968 |
rgb(55,89,104) |
hsl(198,31%,31%) |
| #304E5A |
rgb(48,78,90) |
hsl(197,30%,27%) |
| #28424B |
rgb(40,66,75) |
hsl(195,30%,23%) |
| #20363D |
rgb(32,54,61) |
hsl(194,31%,18%) |
| #18292E |
rgb(24,41,46) |
hsl(194,31%,14%) |
| #111C20 |
rgb(17,28,32) |
hsl(196,31%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #304E5A |
rgb(48,78,90) |
hsl(197,30%,27%) |
| #5A3039 |
rgb(90,48,57) |
hsl(347,30%,27%) |
| #5A5230 |
rgb(90,82,48) |
hsl(49,30%,27%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #304E5A |
rgb(48,78,90) |
hsl(197,30%,27%) |
| #5A3D30 |
rgb(90,61,48) |
hsl(19,30%,27%) |
| #305951 |
rgb(48,89,81) |
hsl(168,30%,27%) |
| #5A5230 |
rgb(90,82,48) |
hsl(49,30%,27%) |
