HEX #315E74 color — Casal
The color #315E74 is a dark shade and moderately saturated.
Palette
315E74 color palette from light to dark
HEX |
RGB |
HSL |
#f4f8fa |
rgb(244,248,250) |
hsl(200,41%,97%) |
#e2edf3 |
rgb(226,237,243) |
hsl(200,41%,92%) |
#d0e2eb |
rgb(208,226,235) |
hsl(200,41%,87%) |
#bed7e4 |
rgb(190,215,228) |
hsl(200,41%,82%) |
#acccdc |
rgb(172,204,220) |
hsl(200,41%,77%) |
#9ac1d5 |
rgb(154,193,213) |
hsl(200,41%,72%) |
#88b6cd |
rgb(136,182,205) |
hsl(200,41%,67%) |
#76abc6 |
rgb(118,171,198) |
hsl(200,41%,62%) |
#64a0be |
rgb(100,160,190) |
hsl(200,41%,57%) |
#5295b7 |
rgb(82,149,183) |
hsl(200,41%,52%) |
#4788a9 |
rgb(71,136,169) |
hsl(200,41%,47%) |
#3f7a97 |
rgb(63,122,151) |
hsl(200,41%,42%) |
#386b85 |
rgb(56,107,133) |
hsl(200,41%,37%) |
#305d73 |
rgb(48,93,115) |
hsl(200,41%,32%) |
#294e61 |
rgb(41,78,97) |
hsl(200,41%,27%) |
#21404f |
rgb(33,64,79) |
hsl(200,41%,22%) |
#1a313d |
rgb(26,49,61) |
hsl(200,41%,17%) |
#12232b |
rgb(18,35,43) |
hsl(200,41%,12%) |
#0b1419 |
rgb(11,20,25) |
hsl(200,41%,7%) |
#030607 |
rgb(3,6,7) |
hsl(200,41%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31735D |
rgb(49,115,93) |
hsl(160,40%,32%) |
#315E74 |
rgb(49,94,116) |
hsl(200,41%,32%) |
#313074 |
rgb(49,48,116) |
hsl(241,41%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#386E86 |
rgb(56,110,134) |
hsl(198,41%,37%) |
#315E74 |
rgb(49,94,116) |
hsl(200,41%,32%) |
#294F61 |
rgb(41,79,97) |
hsl(199,41%,27%) |
#21404E |
rgb(33,64,78) |
hsl(199,41%,22%) |
#19303C |
rgb(25,48,60) |
hsl(201,41%,17%) |
#112129 |
rgb(17,33,41) |
hsl(200,41%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#315E74 |
rgb(49,94,116) |
hsl(200,41%,32%) |
#74303C |
rgb(116,48,60) |
hsl(349,41%,32%) |
#746931 |
rgb(116,105,49) |
hsl(50,41%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#315E74 |
rgb(49,94,116) |
hsl(200,41%,32%) |
#744731 |
rgb(116,71,49) |
hsl(20,41%,32%) |
#317368 |
rgb(49,115,104) |
hsl(170,40%,32%) |
#746931 |
rgb(116,105,49) |
hsl(50,41%,32%) |