HEX #306371 color — Casal
The color #306371 is a dark shade and moderately saturated.
Palette
306371 color palette from light to dark
HEX |
RGB |
HSL |
#f4f9fa |
rgb(244,249,250) |
hsl(193,40%,97%) |
#e2eff3 |
rgb(226,239,243) |
hsl(193,40%,92%) |
#d1e5eb |
rgb(209,229,235) |
hsl(193,40%,87%) |
#bfdce3 |
rgb(191,220,227) |
hsl(193,40%,82%) |
#add2dc |
rgb(173,210,220) |
hsl(193,40%,77%) |
#9bc8d4 |
rgb(155,200,212) |
hsl(193,40%,72%) |
#89becd |
rgb(137,190,205) |
hsl(193,40%,67%) |
#77b4c5 |
rgb(119,180,197) |
hsl(193,40%,62%) |
#65aabd |
rgb(101,170,189) |
hsl(193,40%,57%) |
#54a0b6 |
rgb(84,160,182) |
hsl(193,40%,52%) |
#4893a8 |
rgb(72,147,168) |
hsl(193,40%,47%) |
#408396 |
rgb(64,131,150) |
hsl(193,40%,42%) |
#397484 |
rgb(57,116,132) |
hsl(193,40%,37%) |
#316472 |
rgb(49,100,114) |
hsl(193,40%,32%) |
#295460 |
rgb(41,84,96) |
hsl(193,40%,27%) |
#22454f |
rgb(34,69,79) |
hsl(193,40%,22%) |
#1a353d |
rgb(26,53,61) |
hsl(193,40%,17%) |
#12262b |
rgb(18,38,43) |
hsl(193,40%,12%) |
#0b1619 |
rgb(11,22,25) |
hsl(193,40%,7%) |
#030607 |
rgb(3,6,7) |
hsl(193,40%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#307053 |
rgb(48,112,83) |
hsl(153,40%,31%) |
#306371 |
rgb(48,99,113) |
hsl(193,40%,32%) |
#303871 |
rgb(48,56,113) |
hsl(233,40%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#377383 |
rgb(55,115,131) |
hsl(193,41%,36%) |
#306371 |
rgb(48,99,113) |
hsl(193,40%,32%) |
#28545E |
rgb(40,84,94) |
hsl(191,40%,26%) |
#20424C |
rgb(32,66,76) |
hsl(194,41%,21%) |
#18333A |
rgb(24,51,58) |
hsl(192,41%,16%) |
#112428 |
rgb(17,36,40) |
hsl(190,40%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#306371 |
rgb(48,99,113) |
hsl(193,40%,32%) |
#713042 |
rgb(113,48,66) |
hsl(343,40%,32%) |
#715E30 |
rgb(113,94,48) |
hsl(42,40%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306371 |
rgb(48,99,113) |
hsl(193,40%,32%) |
#713D30 |
rgb(113,61,48) |
hsl(12,40%,32%) |
#30705E |
rgb(48,112,94) |
hsl(163,40%,31%) |
#715E30 |
rgb(113,94,48) |
hsl(42,40%,32%) |