HEX #305E6F color — Casal
The color #305E6F is a dark shade and moderately saturated.
Palette
305E6F color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f7f9 |
rgb(241,247,249) |
hsl(196,40%,96%) |
| #dfecf1 |
rgb(223,236,241) |
hsl(196,40%,91%) |
| #cde2ea |
rgb(205,226,234) |
hsl(196,40%,86%) |
| #bbd8e2 |
rgb(187,216,226) |
hsl(196,40%,81%) |
| #a9cdda |
rgb(169,205,218) |
hsl(196,40%,76%) |
| #97c3d3 |
rgb(151,195,211) |
hsl(196,40%,71%) |
| #86b8cb |
rgb(134,184,203) |
hsl(196,40%,66%) |
| #74aec3 |
rgb(116,174,195) |
hsl(196,40%,61%) |
| #62a4bc |
rgb(98,164,188) |
hsl(196,40%,56%) |
| #5099b4 |
rgb(80,153,180) |
hsl(196,40%,51%) |
| #468ba4 |
rgb(70,139,164) |
hsl(196,40%,46%) |
| #3f7c92 |
rgb(63,124,146) |
hsl(196,40%,41%) |
| #376d81 |
rgb(55,109,129) |
hsl(196,40%,36%) |
| #2f5e6f |
rgb(47,94,111) |
hsl(196,40%,31%) |
| #284f5d |
rgb(40,79,93) |
hsl(196,40%,26%) |
| #20404b |
rgb(32,64,75) |
hsl(196,40%,21%) |
| #183039 |
rgb(24,48,57) |
hsl(196,40%,16%) |
| #112127 |
rgb(17,33,39) |
hsl(196,40%,11%) |
| #091215 |
rgb(9,18,21) |
hsl(196,40%,6%) |
| #020304 |
rgb(2,3,4) |
hsl(196,40%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #307056 |
rgb(48,112,86) |
hsl(156,40%,31%) |
| #305E6F |
rgb(48,94,111) |
hsl(196,40%,31%) |
| #30336F |
rgb(48,51,111) |
hsl(237,40%,31%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #376E80 |
rgb(55,110,128) |
hsl(195,40%,36%) |
| #305E6F |
rgb(48,94,111) |
hsl(196,40%,31%) |
| #284F5D |
rgb(40,79,93) |
hsl(196,40%,26%) |
| #20404B |
rgb(32,64,75) |
hsl(195,40%,21%) |
| #183039 |
rgb(24,48,57) |
hsl(196,41%,16%) |
| #112127 |
rgb(17,33,39) |
hsl(196,39%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #305E6F |
rgb(48,94,111) |
hsl(196,40%,31%) |
| #6F303E |
rgb(111,48,62) |
hsl(347,40%,31%) |
| #6F6130 |
rgb(111,97,48) |
hsl(47,40%,31%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #305E6F |
rgb(48,94,111) |
hsl(196,40%,31%) |
| #6F4030 |
rgb(111,64,48) |
hsl(15,40%,31%) |
| #307060 |
rgb(48,112,96) |
hsl(165,40%,31%) |
| #6F6130 |
rgb(111,97,48) |
hsl(47,40%,31%) |
