HEX #305C74 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

305C74 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%)
#305C74 rgb(48,92,116) hsl(201,41%,32%)
#313074 rgb(49,48,116) hsl(241,41%,32%)

Monochromatic colors

HEX RGB HSL
#376B86 rgb(55,107,134) hsl(201,42%,37%)
#305C74 rgb(48,92,116) hsl(201,41%,32%)
#284D61 rgb(40,77,97) hsl(201,42%,27%)
#20404E rgb(32,64,78) hsl(198,42%,22%)
#18303C rgb(24,48,60) hsl(200,43%,16%)
#112129 rgb(17,33,41) hsl(200,41%,11%)

Triad color palettes

HEX RGB HSL
#305C74 rgb(48,92,116) hsl(201,41%,32%)
#74303A rgb(116,48,58) hsl(351,41%,32%)
#746B30 rgb(116,107,48) hsl(52,41%,32%)

Tetrad color palettes

HEX RGB HSL
#305C74 rgb(48,92,116) hsl(201,41%,32%)
#744730 rgb(116,71,48) hsl(20,41%,32%)
#30736A rgb(48,115,106) hsl(172,41%,32%)
#746B30 rgb(116,107,48) hsl(52,41%,32%)