HEX #306374 color — Casal
The color #306374 is a dark shade and moderately saturated.
Palette
306374 color palette from light to dark
HEX |
RGB |
HSL |
#f4f9fa |
rgb(244,249,250) |
hsl(195,41%,97%) |
#e2eff3 |
rgb(226,239,243) |
hsl(195,41%,92%) |
#d0e5eb |
rgb(208,229,235) |
hsl(195,41%,87%) |
#bedbe4 |
rgb(190,219,228) |
hsl(195,41%,82%) |
#acd0dc |
rgb(172,208,220) |
hsl(195,41%,77%) |
#9ac6d5 |
rgb(154,198,213) |
hsl(195,41%,72%) |
#88bccd |
rgb(136,188,205) |
hsl(195,41%,67%) |
#76b2c6 |
rgb(118,178,198) |
hsl(195,41%,62%) |
#64a8be |
rgb(100,168,190) |
hsl(195,41%,57%) |
#529eb7 |
rgb(82,158,183) |
hsl(195,41%,52%) |
#4790a9 |
rgb(71,144,169) |
hsl(195,41%,47%) |
#3f8197 |
rgb(63,129,151) |
hsl(195,41%,42%) |
#387285 |
rgb(56,114,133) |
hsl(195,41%,37%) |
#306273 |
rgb(48,98,115) |
hsl(195,41%,32%) |
#295361 |
rgb(41,83,97) |
hsl(195,41%,27%) |
#21444f |
rgb(33,68,79) |
hsl(195,41%,22%) |
#1a343d |
rgb(26,52,61) |
hsl(195,41%,17%) |
#12252b |
rgb(18,37,43) |
hsl(195,41%,12%) |
#0b1619 |
rgb(11,22,25) |
hsl(195,41%,7%) |
#030607 |
rgb(3,6,7) |
hsl(195,41%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#307357 |
rgb(48,115,87) |
hsl(155,41%,32%) |
#306374 |
rgb(48,99,116) |
hsl(195,41%,32%) |
#303674 |
rgb(48,54,116) |
hsl(235,41%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#377386 |
rgb(55,115,134) |
hsl(194,42%,37%) |
#306374 |
rgb(48,99,116) |
hsl(195,41%,32%) |
#285461 |
rgb(40,84,97) |
hsl(194,42%,27%) |
#20424E |
rgb(32,66,78) |
hsl(196,42%,22%) |
#18333C |
rgb(24,51,60) |
hsl(195,43%,16%) |
#112429 |
rgb(17,36,41) |
hsl(193,41%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#306374 |
rgb(48,99,116) |
hsl(195,41%,32%) |
#743041 |
rgb(116,48,65) |
hsl(345,41%,32%) |
#746330 |
rgb(116,99,48) |
hsl(45,41%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306374 |
rgb(48,99,116) |
hsl(195,41%,32%) |
#744030 |
rgb(116,64,48) |
hsl(14,41%,32%) |
#307363 |
rgb(48,115,99) |
hsl(166,41%,32%) |
#746330 |
rgb(116,99,48) |
hsl(45,41%,32%) |