HEX #304F50 color — Spectra
The color #304F50 is a dark shade and slightly desaturated.
Palette
304F50 color palette from light to dark
HEX |
RGB |
HSL |
#eff5f5 |
rgb(239,245,245) |
hsl(182,25%,95%) |
#dfebec |
rgb(223,235,236) |
hsl(182,25%,90%) |
#cfe2e2 |
rgb(207,226,226) |
hsl(182,25%,85%) |
#bfd8d9 |
rgb(191,216,217) |
hsl(182,25%,80%) |
#afcecf |
rgb(175,206,207) |
hsl(182,25%,75%) |
#9fc4c6 |
rgb(159,196,198) |
hsl(182,25%,70%) |
#8fbbbc |
rgb(143,187,188) |
hsl(182,25%,65%) |
#80b1b3 |
rgb(128,177,179) |
hsl(182,25%,60%) |
#70a7a9 |
rgb(112,167,169) |
hsl(182,25%,55%) |
#609d9f |
rgb(96,157,159) |
hsl(182,25%,50%) |
#568e8f |
rgb(86,142,143) |
hsl(182,25%,45%) |
#4d7e80 |
rgb(77,126,128) |
hsl(182,25%,40%) |
#436e70 |
rgb(67,110,112) |
hsl(182,25%,35%) |
#395e60 |
rgb(57,94,96) |
hsl(182,25%,30%) |
#304f50 |
rgb(48,79,80) |
hsl(182,25%,25%) |
#263f40 |
rgb(38,63,64) |
hsl(182,25%,20%) |
#1d2f30 |
rgb(29,47,48) |
hsl(182,25%,15%) |
#131f20 |
rgb(19,31,32) |
hsl(182,25%,10%) |
#0a1010 |
rgb(10,16,16) |
hsl(182,25%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#304F3B |
rgb(48,79,59) |
hsl(141,24%,25%) |
#304F50 |
rgb(48,79,80) |
hsl(182,25%,25%) |
#303B50 |
rgb(48,59,80) |
hsl(219,25%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#375C5C |
rgb(55,92,92) |
hsl(180,25%,29%) |
#304F50 |
rgb(48,79,80) |
hsl(182,25%,25%) |
#284243 |
rgb(40,66,67) |
hsl(182,25%,21%) |
#203636 |
rgb(32,54,54) |
hsl(180,26%,17%) |
#182929 |
rgb(24,41,41) |
hsl(180,26%,13%) |
#111C1C |
rgb(17,28,28) |
hsl(180,24%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#304F50 |
rgb(48,79,80) |
hsl(182,25%,25%) |
#50303F |
rgb(80,48,63) |
hsl(332,25%,25%) |
#504030 |
rgb(80,64,48) |
hsl(30,25%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304F50 |
rgb(48,79,80) |
hsl(182,25%,25%) |
#503030 |
rgb(80,48,48) |
hsl(360,25%,25%) |
#304F41 |
rgb(48,79,65) |
hsl(153,24%,25%) |
#504030 |
rgb(80,64,48) |
hsl(30,25%,25%) |