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%) |