HEX #305F73 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

305f73 color palette from light to dark

HEX RGB HSL
#f4f9fa rgb(244,249,250) hsl(198,41%,97%)
#e2eef3 rgb(226,238,243) hsl(198,41%,92%)
#d0e3eb rgb(208,227,235) hsl(198,41%,87%)
#bed9e4 rgb(190,217,228) hsl(198,41%,82%)
#accedc rgb(172,206,220) hsl(198,41%,77%)
#9ac3d5 rgb(154,195,213) hsl(198,41%,72%)
#88b9cd rgb(136,185,205) hsl(198,41%,67%)
#76aec6 rgb(118,174,198) hsl(198,41%,62%)
#64a3be rgb(100,163,190) hsl(198,41%,57%)
#5299b7 rgb(82,153,183) hsl(198,41%,52%)
#478ca9 rgb(71,140,169) hsl(198,41%,47%)
#3f7d97 rgb(63,125,151) hsl(198,41%,42%)
#386e85 rgb(56,110,133) hsl(198,41%,37%)
#305f73 rgb(48,95,115) hsl(198,41%,32%)
#295061 rgb(41,80,97) hsl(198,41%,27%)
#21414f rgb(33,65,79) hsl(198,41%,22%)
#1a323d rgb(26,50,61) hsl(198,41%,17%)
#12242b rgb(18,36,43) hsl(198,41%,12%)
#0b1519 rgb(11,21,25) hsl(198,41%,7%)
#030607 rgb(3,6,7) hsl(198,41%,2%)

Adjacent colors

HEX RGB HSL
#30735A rgb(48,115,90) hsl(158,41%,32%)
#305F73 rgb(48,95,115) hsl(198,41%,32%)
#303373 rgb(48,51,115) hsl(237,41%,32%)

Monochromatic colors

HEX RGB HSL
#376E85 rgb(55,110,133) hsl(198,41%,37%)
#305F73 rgb(48,95,115) hsl(198,41%,32%)
#284F60 rgb(40,79,96) hsl(198,41%,27%)
#20404E rgb(32,64,78) hsl(198,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
#305F73 rgb(48,95,115) hsl(198,41%,32%)
#73303D rgb(115,48,61) hsl(348,41%,32%)
#736630 rgb(115,102,48) hsl(48,41%,32%)

Tetrad color palettes

HEX RGB HSL
#305F73 rgb(48,95,115) hsl(198,41%,32%)
#734530 rgb(115,69,48) hsl(19,41%,32%)
#307365 rgb(48,115,101) hsl(167,41%,32%)
#736630 rgb(115,102,48) hsl(48,41%,32%)