HEX #306973 color — Casal
The color #306973 is a dark shade and moderately saturated.
Palette
306973 color palette from light to dark
HEX |
RGB |
HSL |
#f4fafa |
rgb(244,250,250) |
hsl(189,41%,97%) |
#e2f0f3 |
rgb(226,240,243) |
hsl(189,41%,92%) |
#d0e7eb |
rgb(208,231,235) |
hsl(189,41%,87%) |
#bedee4 |
rgb(190,222,228) |
hsl(189,41%,82%) |
#acd5dc |
rgb(172,213,220) |
hsl(189,41%,77%) |
#9accd5 |
rgb(154,204,213) |
hsl(189,41%,72%) |
#88c3cd |
rgb(136,195,205) |
hsl(189,41%,67%) |
#76bac6 |
rgb(118,186,198) |
hsl(189,41%,62%) |
#64b1be |
rgb(100,177,190) |
hsl(189,41%,57%) |
#52a8b7 |
rgb(82,168,183) |
hsl(189,41%,52%) |
#479aa9 |
rgb(71,154,169) |
hsl(189,41%,47%) |
#3f8a97 |
rgb(63,138,151) |
hsl(189,41%,42%) |
#387985 |
rgb(56,121,133) |
hsl(189,41%,37%) |
#306973 |
rgb(48,105,115) |
hsl(189,41%,32%) |
#295961 |
rgb(41,89,97) |
hsl(189,41%,27%) |
#21484f |
rgb(33,72,79) |
hsl(189,41%,22%) |
#1a383d |
rgb(26,56,61) |
hsl(189,41%,17%) |
#12272b |
rgb(18,39,43) |
hsl(189,41%,12%) |
#0b1719 |
rgb(11,23,25) |
hsl(189,41%,7%) |
#030707 |
rgb(3,7,7) |
hsl(189,41%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#307350 |
rgb(48,115,80) |
hsl(149,41%,32%) |
#306973 |
rgb(48,105,115) |
hsl(189,41%,32%) |
#303D73 |
rgb(48,61,115) |
hsl(228,41%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#377A85 |
rgb(55,122,133) |
hsl(188,41%,37%) |
#306973 |
rgb(48,105,115) |
hsl(189,41%,32%) |
#285960 |
rgb(40,89,96) |
hsl(188,41%,27%) |
#20474E |
rgb(32,71,78) |
hsl(189,42%,22%) |
#18363B |
rgb(24,54,59) |
hsl(189,42%,16%) |
#112629 |
rgb(17,38,41) |
hsl(188,41%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#306973 |
rgb(48,105,115) |
hsl(189,41%,32%) |
#733047 |
rgb(115,48,71) |
hsl(339,41%,32%) |
#735C30 |
rgb(115,92,48) |
hsl(39,41%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306973 |
rgb(48,105,115) |
hsl(189,41%,32%) |
#733B30 |
rgb(115,59,48) |
hsl(10,41%,32%) |
#30735B |
rgb(48,115,91) |
hsl(159,41%,32%) |
#735C30 |
rgb(115,92,48) |
hsl(39,41%,32%) |