HEX #306970 color — Casal
The color #306970 is a dark shade and moderately saturated.
Palette
306970 color palette from light to dark
HEX |
RGB |
HSL |
#f1f8f9 |
rgb(241,248,249) |
hsl(187,40%,96%) |
#dfeff1 |
rgb(223,239,241) |
hsl(187,40%,91%) |
#cde6ea |
rgb(205,230,234) |
hsl(187,40%,86%) |
#bbdde2 |
rgb(187,221,226) |
hsl(187,40%,81%) |
#a9d5da |
rgb(169,213,218) |
hsl(187,40%,76%) |
#97ccd3 |
rgb(151,204,211) |
hsl(187,40%,71%) |
#86c3cb |
rgb(134,195,203) |
hsl(187,40%,66%) |
#74bac3 |
rgb(116,186,195) |
hsl(187,40%,61%) |
#62b1bc |
rgb(98,177,188) |
hsl(187,40%,56%) |
#50a8b4 |
rgb(80,168,180) |
hsl(187,40%,51%) |
#4699a4 |
rgb(70,153,164) |
hsl(187,40%,46%) |
#3f8992 |
rgb(63,137,146) |
hsl(187,40%,41%) |
#377881 |
rgb(55,120,129) |
hsl(187,40%,36%) |
#2f676f |
rgb(47,103,111) |
hsl(187,40%,31%) |
#28575d |
rgb(40,87,93) |
hsl(187,40%,26%) |
#20464b |
rgb(32,70,75) |
hsl(187,40%,21%) |
#183539 |
rgb(24,53,57) |
hsl(187,40%,16%) |
#112527 |
rgb(17,37,39) |
hsl(187,40%,11%) |
#091415 |
rgb(9,20,21) |
hsl(187,40%,6%) |
#020304 |
rgb(2,3,4) |
hsl(187,40%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30704C |
rgb(48,112,76) |
hsl(146,40%,31%) |
#306970 |
rgb(48,105,112) |
hsl(187,40%,31%) |
#303D70 |
rgb(48,61,112) |
hsl(228,40%,31%) |
Monochromatic colors
HEX |
RGB |
HSL |
#377A81 |
rgb(55,122,129) |
hsl(186,40%,36%) |
#306970 |
rgb(48,105,112) |
hsl(187,40%,31%) |
#28595E |
rgb(40,89,94) |
hsl(186,40%,26%) |
#20474C |
rgb(32,71,76) |
hsl(187,41%,21%) |
#18363A |
rgb(24,54,58) |
hsl(187,41%,16%) |
#112628 |
rgb(17,38,40) |
hsl(185,40%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#306970 |
rgb(48,105,112) |
hsl(187,40%,31%) |
#703049 |
rgb(112,48,73) |
hsl(337,40%,31%) |
#705730 |
rgb(112,87,48) |
hsl(37,40%,31%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306970 |
rgb(48,105,112) |
hsl(187,40%,31%) |
#703830 |
rgb(112,56,48) |
hsl(8,40%,31%) |
#307057 |
rgb(48,112,87) |
hsl(157,40%,31%) |
#705730 |
rgb(112,87,48) |
hsl(37,40%,31%) |