HEX #306369 color — Casal
The color #306369 is a dark shade and moderately saturated.
Palette
306369 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef6f7 |
rgb(238,246,247) |
hsl(186,37%,95%) |
| #dcedef |
rgb(220,237,239) |
hsl(186,37%,90%) |
| #cbe4e7 |
rgb(203,228,231) |
hsl(186,37%,85%) |
| #b9dbdf |
rgb(185,219,223) |
hsl(186,37%,80%) |
| #a8d2d7 |
rgb(168,210,215) |
hsl(186,37%,75%) |
| #96c9cf |
rgb(150,201,207) |
hsl(186,37%,70%) |
| #85c0c7 |
rgb(133,192,199) |
hsl(186,37%,65%) |
| #73b7bf |
rgb(115,183,191) |
hsl(186,37%,60%) |
| #62aeb7 |
rgb(98,174,183) |
hsl(186,37%,55%) |
| #50a5af |
rgb(80,165,175) |
hsl(186,37%,50%) |
| #48959d |
rgb(72,149,157) |
hsl(186,37%,45%) |
| #40848c |
rgb(64,132,140) |
hsl(186,37%,40%) |
| #38747a |
rgb(56,116,122) |
hsl(186,37%,35%) |
| #306369 |
rgb(48,99,105) |
hsl(186,37%,30%) |
| #285357 |
rgb(40,83,87) |
hsl(186,37%,25%) |
| #204246 |
rgb(32,66,70) |
hsl(186,37%,20%) |
| #183234 |
rgb(24,50,52) |
hsl(186,37%,15%) |
| #102123 |
rgb(16,33,35) |
hsl(186,37%,10%) |
| #081111 |
rgb(8,17,17) |
hsl(186,37%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #306949 |
rgb(48,105,73) |
hsl(146,37%,30%) |
| #306369 |
rgb(48,99,105) |
hsl(186,37%,30%) |
| #303D69 |
rgb(48,61,105) |
hsl(226,37%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #377379 |
rgb(55,115,121) |
hsl(185,38%,35%) |
| #306369 |
rgb(48,99,105) |
hsl(186,37%,30%) |
| #285458 |
rgb(40,84,88) |
hsl(185,38%,25%) |
| #204247 |
rgb(32,66,71) |
hsl(188,38%,20%) |
| #183336 |
rgb(24,51,54) |
hsl(186,38%,15%) |
| #112425 |
rgb(17,36,37) |
hsl(183,37%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #306369 |
rgb(48,99,105) |
hsl(186,37%,30%) |
| #693046 |
rgb(105,48,70) |
hsl(337,37%,30%) |
| #695230 |
rgb(105,82,48) |
hsl(36,37%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #306369 |
rgb(48,99,105) |
hsl(186,37%,30%) |
| #693630 |
rgb(105,54,48) |
hsl(6,37%,30%) |
| #306952 |
rgb(48,105,82) |
hsl(156,37%,30%) |
| #695230 |
rgb(105,82,48) |
hsl(36,37%,30%) |
