HEX #305C69 color — Casal
The color #305C69 is a dark shade and moderately saturated.
Palette
305C69 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef5f7 |
rgb(238,245,247) |
hsl(194,37%,95%) |
| #dcebef |
rgb(220,235,239) |
hsl(194,37%,90%) |
| #cbe0e7 |
rgb(203,224,231) |
hsl(194,37%,85%) |
| #b9d6df |
rgb(185,214,223) |
hsl(194,37%,80%) |
| #a8ccd7 |
rgb(168,204,215) |
hsl(194,37%,75%) |
| #96c2cf |
rgb(150,194,207) |
hsl(194,37%,70%) |
| #85b7c7 |
rgb(133,183,199) |
hsl(194,37%,65%) |
| #73adbf |
rgb(115,173,191) |
hsl(194,37%,60%) |
| #62a3b7 |
rgb(98,163,183) |
hsl(194,37%,55%) |
| #5099af |
rgb(80,153,175) |
hsl(194,37%,50%) |
| #48899d |
rgb(72,137,157) |
hsl(194,37%,45%) |
| #407a8c |
rgb(64,122,140) |
hsl(194,37%,40%) |
| #386b7a |
rgb(56,107,122) |
hsl(194,37%,35%) |
| #305c69 |
rgb(48,92,105) |
hsl(194,37%,30%) |
| #284c57 |
rgb(40,76,87) |
hsl(194,37%,25%) |
| #203d46 |
rgb(32,61,70) |
hsl(194,37%,20%) |
| #182e34 |
rgb(24,46,52) |
hsl(194,37%,15%) |
| #101f23 |
rgb(16,31,35) |
hsl(194,37%,10%) |
| #080f11 |
rgb(8,15,17) |
hsl(194,37%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #306950 |
rgb(48,105,80) |
hsl(154,37%,30%) |
| #305C69 |
rgb(48,92,105) |
hsl(194,37%,30%) |
| #303669 |
rgb(48,54,105) |
hsl(234,37%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #376B79 |
rgb(55,107,121) |
hsl(193,38%,35%) |
| #305C69 |
rgb(48,92,105) |
hsl(194,37%,30%) |
| #284D58 |
rgb(40,77,88) |
hsl(194,38%,25%) |
| #204047 |
rgb(32,64,71) |
hsl(191,38%,20%) |
| #183036 |
rgb(24,48,54) |
hsl(192,38%,15%) |
| #112125 |
rgb(17,33,37) |
hsl(192,37%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #305C69 |
rgb(48,92,105) |
hsl(194,37%,30%) |
| #69303F |
rgb(105,48,63) |
hsl(344,37%,30%) |
| #695930 |
rgb(105,89,48) |
hsl(43,37%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #305C69 |
rgb(48,92,105) |
hsl(194,37%,30%) |
| #693D30 |
rgb(105,61,48) |
hsl(14,37%,30%) |
| #306959 |
rgb(48,105,89) |
hsl(163,37%,30%) |
| #695930 |
rgb(105,89,48) |
hsl(43,37%,30%) |
