HEX #305F73 color — Casal
The color #305f73 is a dark shade and moderately saturated.
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%) |