HEX #315E73 color — Casal
The color #315E73 is a dark shade and moderately saturated.
Palette
315E73 color palette from light to dark
HEX |
RGB |
HSL |
#f4f8fa |
rgb(244,248,250) |
hsl(199,40%,97%) |
#e2eef3 |
rgb(226,238,243) |
hsl(199,40%,92%) |
#d1e3eb |
rgb(209,227,235) |
hsl(199,40%,87%) |
#bfd8e3 |
rgb(191,216,227) |
hsl(199,40%,82%) |
#adcddc |
rgb(173,205,220) |
hsl(199,40%,77%) |
#9bc2d4 |
rgb(155,194,212) |
hsl(199,40%,72%) |
#89b7cd |
rgb(137,183,205) |
hsl(199,40%,67%) |
#77acc5 |
rgb(119,172,197) |
hsl(199,40%,62%) |
#65a1bd |
rgb(101,161,189) |
hsl(199,40%,57%) |
#5497b6 |
rgb(84,151,182) |
hsl(199,40%,52%) |
#4889a8 |
rgb(72,137,168) |
hsl(199,40%,47%) |
#407b96 |
rgb(64,123,150) |
hsl(199,40%,42%) |
#396c84 |
rgb(57,108,132) |
hsl(199,40%,37%) |
#315e72 |
rgb(49,94,114) |
hsl(199,40%,32%) |
#294f60 |
rgb(41,79,96) |
hsl(199,40%,27%) |
#22404f |
rgb(34,64,79) |
hsl(199,40%,22%) |
#1a323d |
rgb(26,50,61) |
hsl(199,40%,17%) |
#12232b |
rgb(18,35,43) |
hsl(199,40%,12%) |
#0b1419 |
rgb(11,20,25) |
hsl(199,40%,7%) |
#030607 |
rgb(3,6,7) |
hsl(199,40%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31735C |
rgb(49,115,92) |
hsl(159,40%,32%) |
#315E73 |
rgb(49,94,115) |
hsl(199,40%,32%) |
#313373 |
rgb(49,51,115) |
hsl(238,40%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#386E85 |
rgb(56,110,133) |
hsl(198,41%,37%) |
#315E73 |
rgb(49,94,115) |
hsl(199,40%,32%) |
#294F60 |
rgb(41,79,96) |
hsl(199,40%,27%) |
#21404E |
rgb(33,64,78) |
hsl(199,41%,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 |
#315E73 |
rgb(49,94,115) |
hsl(199,40%,32%) |
#73303D |
rgb(115,48,61) |
hsl(348,41%,32%) |
#736631 |
rgb(115,102,49) |
hsl(48,40%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#315E73 |
rgb(49,94,115) |
hsl(199,40%,32%) |
#734531 |
rgb(115,69,49) |
hsl(18,40%,32%) |
#317367 |
rgb(49,115,103) |
hsl(169,40%,32%) |
#736631 |
rgb(115,102,49) |
hsl(48,40%,32%) |