HEX #305B73 color — Casal

The color #305b73 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

305b73 color palette from light to dark

HEX RGB HSL
#f4f8fa rgb(244,248,250) hsl(201,41%,97%)
#e2edf3 rgb(226,237,243) hsl(201,41%,92%)
#d0e2eb rgb(208,226,235) hsl(201,41%,87%)
#bed7e4 rgb(190,215,228) hsl(201,41%,82%)
#acccdc rgb(172,204,220) hsl(201,41%,77%)
#9ac0d5 rgb(154,192,213) hsl(201,41%,72%)
#88b5cd rgb(136,181,205) hsl(201,41%,67%)
#76aac6 rgb(118,170,198) hsl(201,41%,62%)
#649fbe rgb(100,159,190) hsl(201,41%,57%)
#5294b7 rgb(82,148,183) hsl(201,41%,52%)
#4787a9 rgb(71,135,169) hsl(201,41%,47%)
#3f7897 rgb(63,120,151) hsl(201,41%,42%)
#386a85 rgb(56,106,133) hsl(201,41%,37%)
#305c73 rgb(48,92,115) hsl(201,41%,32%)
#294d61 rgb(41,77,97) hsl(201,41%,27%)
#213f4f rgb(33,63,79) hsl(201,41%,22%)
#1a313d rgb(26,49,61) hsl(201,41%,17%)
#12222b rgb(18,34,43) hsl(201,41%,12%)
#0b1419 rgb(11,20,25) hsl(201,41%,7%)
#030607 rgb(3,6,7) hsl(201,41%,2%)

Adjacent colors

HEX RGB HSL
#30735E rgb(48,115,94) hsl(161,41%,32%)
#305B73 rgb(48,91,115) hsl(201,41%,32%)
#313073 rgb(49,48,115) hsl(241,41%,32%)

Monochromatic colors

HEX RGB HSL
#376985 rgb(55,105,133) hsl(202,41%,37%)
#305B73 rgb(48,91,115) hsl(201,41%,32%)
#284D60 rgb(40,77,96) hsl(200,41%,27%)
#203D4E rgb(32,61,78) hsl(202,42%,22%)
#18303B rgb(24,48,59) hsl(199,42%,16%)
#112129 rgb(17,33,41) hsl(200,41%,11%)

Triad color palettes

HEX RGB HSL
#305B73 rgb(48,91,115) hsl(201,41%,32%)
#733039 rgb(115,48,57) hsl(352,41%,32%)
#736930 rgb(115,105,48) hsl(51,41%,32%)

Tetrad color palettes

HEX RGB HSL
#305B73 rgb(48,91,115) hsl(201,41%,32%)
#734730 rgb(115,71,48) hsl(21,41%,32%)
#307369 rgb(48,115,105) hsl(171,41%,32%)
#736930 rgb(115,105,48) hsl(51,41%,32%)