HEX #305E74 color — Casal
The color #305E74 is a dark shade and moderately saturated.
Palette
305E74 color palette from light to dark
HEX |
RGB |
HSL |
#f4f9fa |
rgb(244,249,250) |
hsl(199,41%,97%) |
#e2eef3 |
rgb(226,238,243) |
hsl(199,41%,92%) |
#d0e3eb |
rgb(208,227,235) |
hsl(199,41%,87%) |
#bed8e4 |
rgb(190,216,228) |
hsl(199,41%,82%) |
#accddc |
rgb(172,205,220) |
hsl(199,41%,77%) |
#9ac2d5 |
rgb(154,194,213) |
hsl(199,41%,72%) |
#88b8cd |
rgb(136,184,205) |
hsl(199,41%,67%) |
#76adc6 |
rgb(118,173,198) |
hsl(199,41%,62%) |
#64a2be |
rgb(100,162,190) |
hsl(199,41%,57%) |
#5297b7 |
rgb(82,151,183) |
hsl(199,41%,52%) |
#478aa9 |
rgb(71,138,169) |
hsl(199,41%,47%) |
#3f7b97 |
rgb(63,123,151) |
hsl(199,41%,42%) |
#386d85 |
rgb(56,109,133) |
hsl(199,41%,37%) |
#305e73 |
rgb(48,94,115) |
hsl(199,41%,32%) |
#294f61 |
rgb(41,79,97) |
hsl(199,41%,27%) |
#21414f |
rgb(33,65,79) |
hsl(199,41%,22%) |
#1a323d |
rgb(26,50,61) |
hsl(199,41%,17%) |
#12232b |
rgb(18,35,43) |
hsl(199,41%,12%) |
#0b1519 |
rgb(11,21,25) |
hsl(199,41%,7%) |
#030607 |
rgb(3,6,7) |
hsl(199,41%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30735C |
rgb(48,115,92) |
hsl(159,41%,32%) |
#305E74 |
rgb(48,94,116) |
hsl(199,41%,32%) |
#303074 |
rgb(48,48,116) |
hsl(240,41%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#376E86 |
rgb(55,110,134) |
hsl(198,42%,37%) |
#305E74 |
rgb(48,94,116) |
hsl(199,41%,32%) |
#284F61 |
rgb(40,79,97) |
hsl(199,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 |
#305E74 |
rgb(48,94,116) |
hsl(199,41%,32%) |
#74303C |
rgb(116,48,60) |
hsl(349,41%,32%) |
#746930 |
rgb(116,105,48) |
hsl(50,41%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305E74 |
rgb(48,94,116) |
hsl(199,41%,32%) |
#744530 |
rgb(116,69,48) |
hsl(19,41%,32%) |
#307368 |
rgb(48,115,104) |
hsl(170,41%,32%) |
#746930 |
rgb(116,105,48) |
hsl(50,41%,32%) |