HEX #315F72 color — Casal
The color #315f72 is a dark shade and moderately saturated.
Palette
315f72 color palette from light to dark
HEX |
RGB |
HSL |
#f4f9fa |
rgb(244,249,250) |
hsl(198,40%,97%) |
#e2eef3 |
rgb(226,238,243) |
hsl(198,40%,92%) |
#d1e3eb |
rgb(209,227,235) |
hsl(198,40%,87%) |
#bfd8e3 |
rgb(191,216,227) |
hsl(198,40%,82%) |
#adcedc |
rgb(173,206,220) |
hsl(198,40%,77%) |
#9bc3d4 |
rgb(155,195,212) |
hsl(198,40%,72%) |
#89b8cd |
rgb(137,184,205) |
hsl(198,40%,67%) |
#77aec5 |
rgb(119,174,197) |
hsl(198,40%,62%) |
#65a3bd |
rgb(101,163,189) |
hsl(198,40%,57%) |
#5498b6 |
rgb(84,152,182) |
hsl(198,40%,52%) |
#488ba8 |
rgb(72,139,168) |
hsl(198,40%,47%) |
#407c96 |
rgb(64,124,150) |
hsl(198,40%,42%) |
#396d84 |
rgb(57,109,132) |
hsl(198,40%,37%) |
#315f72 |
rgb(49,95,114) |
hsl(198,40%,32%) |
#295060 |
rgb(41,80,96) |
hsl(198,40%,27%) |
#22414f |
rgb(34,65,79) |
hsl(198,40%,22%) |
#1a323d |
rgb(26,50,61) |
hsl(198,40%,17%) |
#12232b |
rgb(18,35,43) |
hsl(198,40%,12%) |
#0b1519 |
rgb(11,21,25) |
hsl(198,40%,7%) |
#030607 |
rgb(3,6,7) |
hsl(198,40%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#317359 |
rgb(49,115,89) |
hsl(156,40%,32%) |
#315F72 |
rgb(49,95,114) |
hsl(198,40%,32%) |
#313372 |
rgb(49,51,114) |
hsl(238,40%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#386E84 |
rgb(56,110,132) |
hsl(197,40%,37%) |
#315F72 |
rgb(49,95,114) |
hsl(198,40%,32%) |
#294F5F |
rgb(41,79,95) |
hsl(198,40%,27%) |
#21404D |
rgb(33,64,77) |
hsl(198,40%,22%) |
#19303B |
rgb(25,48,59) |
hsl(199,40%,16%) |
#112129 |
rgb(17,33,41) |
hsl(200,41%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#315F72 |
rgb(49,95,114) |
hsl(198,40%,32%) |
#72303E |
rgb(114,48,62) |
hsl(347,41%,32%) |
#726331 |
rgb(114,99,49) |
hsl(46,40%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#315F72 |
rgb(49,95,114) |
hsl(198,40%,32%) |
#724531 |
rgb(114,69,49) |
hsl(18,40%,32%) |
#317364 |
rgb(49,115,100) |
hsl(166,40%,32%) |
#726331 |
rgb(114,99,49) |
hsl(46,40%,32%) |