HEX #304D50 color — Spectra
The color #304D50 is a dark shade and slightly desaturated.
Palette
304D50 color palette from light to dark
HEX |
RGB |
HSL |
#eff5f5 |
rgb(239,245,245) |
hsl(186,25%,95%) |
#dfebec |
rgb(223,235,236) |
hsl(186,25%,90%) |
#cfe0e2 |
rgb(207,224,226) |
hsl(186,25%,85%) |
#bfd6d9 |
rgb(191,214,217) |
hsl(186,25%,80%) |
#afcccf |
rgb(175,204,207) |
hsl(186,25%,75%) |
#9fc2c6 |
rgb(159,194,198) |
hsl(186,25%,70%) |
#8fb8bc |
rgb(143,184,188) |
hsl(186,25%,65%) |
#80adb3 |
rgb(128,173,179) |
hsl(186,25%,60%) |
#70a3a9 |
rgb(112,163,169) |
hsl(186,25%,55%) |
#60999f |
rgb(96,153,159) |
hsl(186,25%,50%) |
#568a8f |
rgb(86,138,143) |
hsl(186,25%,45%) |
#4d7a80 |
rgb(77,122,128) |
hsl(186,25%,40%) |
#436b70 |
rgb(67,107,112) |
hsl(186,25%,35%) |
#395c60 |
rgb(57,92,96) |
hsl(186,25%,30%) |
#304d50 |
rgb(48,77,80) |
hsl(186,25%,25%) |
#263d40 |
rgb(38,61,64) |
hsl(186,25%,20%) |
#1d2e30 |
rgb(29,46,48) |
hsl(186,25%,15%) |
#131f20 |
rgb(19,31,32) |
hsl(186,25%,10%) |
#0a0f10 |
rgb(10,15,16) |
hsl(186,25%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#304F3D |
rgb(48,79,61) |
hsl(145,24%,25%) |
#304D50 |
rgb(48,77,80) |
hsl(186,25%,25%) |
#303850 |
rgb(48,56,80) |
hsl(225,25%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#37595C |
rgb(55,89,92) |
hsl(185,25%,29%) |
#304D50 |
rgb(48,77,80) |
hsl(186,25%,25%) |
#284043 |
rgb(40,64,67) |
hsl(187,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 |
#304D50 |
rgb(48,77,80) |
hsl(186,25%,25%) |
#50303D |
rgb(80,48,61) |
hsl(336,25%,25%) |
#504230 |
rgb(80,66,48) |
hsl(34,25%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304D50 |
rgb(48,77,80) |
hsl(186,25%,25%) |
#503330 |
rgb(80,51,48) |
hsl(6,25%,25%) |
#304F43 |
rgb(48,79,67) |
hsl(157,24%,25%) |
#504230 |
rgb(80,66,48) |
hsl(34,25%,25%) |