HEX #305C61 color — Casal
The color #305C61 is a dark shade and moderately saturated.
Palette
305C61 color palette from light to dark
HEX |
RGB |
HSL |
#f8fbfc |
rgb(248,251,252) |
hsl(186,34%,98%) |
#e7f2f3 |
rgb(231,242,243) |
hsl(186,34%,93%) |
#d6e9eb |
rgb(214,233,235) |
hsl(186,34%,88%) |
#c5dfe2 |
rgb(197,223,226) |
hsl(186,34%,83%) |
#b4d6da |
rgb(180,214,218) |
hsl(186,34%,78%) |
#a3cdd2 |
rgb(163,205,210) |
hsl(186,34%,73%) |
#92c4c9 |
rgb(146,196,201) |
hsl(186,34%,68%) |
#81bac1 |
rgb(129,186,193) |
hsl(186,34%,63%) |
#6fb1b8 |
rgb(111,177,184) |
hsl(186,34%,58%) |
#5ea8b0 |
rgb(94,168,176) |
hsl(186,34%,53%) |
#519ca4 |
rgb(81,156,164) |
hsl(186,34%,48%) |
#488b93 |
rgb(72,139,147) |
hsl(186,34%,43%) |
#407b82 |
rgb(64,123,130) |
hsl(186,34%,38%) |
#386b71 |
rgb(56,107,113) |
hsl(186,34%,33%) |
#2f5b60 |
rgb(47,91,96) |
hsl(186,34%,28%) |
#274b4f |
rgb(39,75,79) |
hsl(186,34%,23%) |
#1e3a3e |
rgb(30,58,62) |
hsl(186,34%,18%) |
#162a2c |
rgb(22,42,44) |
hsl(186,34%,13%) |
#0d1a1b |
rgb(13,26,27) |
hsl(186,34%,8%) |
#050a0a |
rgb(5,10,10) |
hsl(186,34%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#306145 |
rgb(48,97,69) |
hsl(146,34%,28%) |
#305C61 |
rgb(48,92,97) |
hsl(186,34%,28%) |
#303B61 |
rgb(48,59,97) |
hsl(227,34%,28%) |
Monochromatic colors
HEX |
RGB |
HSL |
#376B70 |
rgb(55,107,112) |
hsl(185,34%,33%) |
#305C61 |
rgb(48,92,97) |
hsl(186,34%,28%) |
#284D51 |
rgb(40,77,81) |
hsl(186,34%,24%) |
#204041 |
rgb(32,64,65) |
hsl(182,34%,19%) |
#183032 |
rgb(24,48,50) |
hsl(185,35%,15%) |
#112122 |
rgb(17,33,34) |
hsl(184,33%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#305C61 |
rgb(48,92,97) |
hsl(186,34%,28%) |
#613043 |
rgb(97,48,67) |
hsl(337,34%,28%) |
#614D30 |
rgb(97,77,48) |
hsl(36,34%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#305C61 |
rgb(48,92,97) |
hsl(186,34%,28%) |
#613630 |
rgb(97,54,48) |
hsl(7,34%,28%) |
#30614D |
rgb(48,97,77) |
hsl(156,34%,28%) |
#614D30 |
rgb(97,77,48) |
hsl(36,34%,28%) |