HEX #304E4F color — Spectra
The color #304e4f is a dark shade and slightly desaturated.
Palette
304e4f color palette from light to dark
HEX |
RGB |
HSL |
#eff5f5 |
rgb(239,245,245) |
hsl(182,24%,95%) |
#dfebec |
rgb(223,235,236) |
hsl(182,24%,90%) |
#d0e1e2 |
rgb(208,225,226) |
hsl(182,24%,85%) |
#c0d7d8 |
rgb(192,215,216) |
hsl(182,24%,80%) |
#b0cecf |
rgb(176,206,207) |
hsl(182,24%,75%) |
#a0c4c5 |
rgb(160,196,197) |
hsl(182,24%,70%) |
#90babb |
rgb(144,186,187) |
hsl(182,24%,65%) |
#81b0b1 |
rgb(129,176,177) |
hsl(182,24%,60%) |
#71a6a8 |
rgb(113,166,168) |
hsl(182,24%,55%) |
#619c9e |
rgb(97,156,158) |
hsl(182,24%,50%) |
#578c8e |
rgb(87,140,142) |
hsl(182,24%,45%) |
#4e7d7e |
rgb(78,125,126) |
hsl(182,24%,40%) |
#446d6f |
rgb(68,109,111) |
hsl(182,24%,35%) |
#3a5e5f |
rgb(58,94,95) |
hsl(182,24%,30%) |
#304e4f |
rgb(48,78,79) |
hsl(182,24%,25%) |
#273e3f |
rgb(39,62,63) |
hsl(182,24%,20%) |
#1d2f2f |
rgb(29,47,47) |
hsl(182,24%,15%) |
#131f20 |
rgb(19,31,32) |
hsl(182,24%,10%) |
#0a1010 |
rgb(10,16,16) |
hsl(182,24%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#304F3B |
rgb(48,79,59) |
hsl(141,24%,25%) |
#304E4F |
rgb(48,78,79) |
hsl(182,24%,25%) |
#30384F |
rgb(48,56,79) |
hsl(225,24%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#37595B |
rgb(55,89,91) |
hsl(183,25%,29%) |
#304E4F |
rgb(48,78,79) |
hsl(182,24%,25%) |
#284242 |
rgb(40,66,66) |
hsl(180,25%,21%) |
#203635 |
rgb(32,54,53) |
hsl(177,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 |
#304E4F |
rgb(48,78,79) |
hsl(182,24%,25%) |
#4F303E |
rgb(79,48,62) |
hsl(333,24%,25%) |
#4F4030 |
rgb(79,64,48) |
hsl(31,24%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304E4F |
rgb(48,78,79) |
hsl(182,24%,25%) |
#4F3030 |
rgb(79,48,48) |
hsl(360,24%,25%) |
#304F40 |
rgb(48,79,64) |
hsl(151,24%,25%) |
#4F4030 |
rgb(79,64,48) |
hsl(31,24%,25%) |