HEX #304B3A color — Tom Thumb
The color #304b3a is a dark shade and slightly desaturated.
Palette
304b3a color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfc |
rgb(252,253,252) |
hsl(142,22%,99%) |
#ecf3ef |
rgb(236,243,239) |
hsl(142,22%,94%) |
#dde9e1 |
rgb(221,233,225) |
hsl(142,22%,89%) |
#cddfd4 |
rgb(205,223,212) |
hsl(142,22%,84%) |
#bed5c6 |
rgb(190,213,198) |
hsl(142,22%,79%) |
#aecbb9 |
rgb(174,203,185) |
hsl(142,22%,74%) |
#9fc1ab |
rgb(159,193,171) |
hsl(142,22%,69%) |
#8fb79e |
rgb(143,183,158) |
hsl(142,22%,64%) |
#7fad90 |
rgb(127,173,144) |
hsl(142,22%,59%) |
#70a483 |
rgb(112,164,131) |
hsl(142,22%,54%) |
#619876 |
rgb(97,152,118) |
hsl(142,22%,49%) |
#58896a |
rgb(88,137,106) |
hsl(142,22%,44%) |
#4e795e |
rgb(78,121,94) |
hsl(142,22%,39%) |
#446a52 |
rgb(68,106,82) |
hsl(142,22%,34%) |
#3a5a46 |
rgb(58,90,70) |
hsl(142,22%,29%) |
#304b3a |
rgb(48,75,58) |
hsl(142,22%,24%) |
#263b2e |
rgb(38,59,46) |
hsl(142,22%,19%) |
#1c2c22 |
rgb(28,44,34) |
hsl(142,22%,14%) |
#121c16 |
rgb(18,28,22) |
hsl(142,22%,9%) |
#080c0a |
rgb(8,12,10) |
hsl(142,22%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#384A30 |
rgb(56,74,48) |
hsl(102,21%,24%) |
#304B3A |
rgb(48,75,58) |
hsl(142,22%,24%) |
#304A4B |
rgb(48,74,75) |
hsl(182,22%,24%) |
Monochromatic colors
HEX |
RGB |
HSL |
#375743 |
rgb(55,87,67) |
hsl(143,23%,28%) |
#304B3A |
rgb(48,75,58) |
hsl(142,22%,24%) |
#284030 |
rgb(40,64,48) |
hsl(140,23%,20%) |
#203327 |
rgb(32,51,39) |
hsl(142,23%,16%) |
#18261E |
rgb(24,38,30) |
hsl(146,23%,12%) |
#111C14 |
rgb(17,28,20) |
hsl(136,24%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#304B3A |
rgb(48,75,58) |
hsl(142,22%,24%) |
#47304B |
rgb(71,48,75) |
hsl(291,22%,24%) |
#4B3033 |
rgb(75,48,51) |
hsl(353,22%,24%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304B3A |
rgb(48,75,58) |
hsl(142,22%,24%) |
#4B3041 |
rgb(75,48,65) |
hsl(322,22%,24%) |
#334A30 |
rgb(51,74,48) |
hsl(113,21%,24%) |
#4B3033 |
rgb(75,48,51) |
hsl(353,22%,24%) |