HEX #306370 color — Casal
The color #306370 is a dark shade and moderately saturated.
Palette
306370 color palette from light to dark
HEX |
RGB |
HSL |
#f1f7f9 |
rgb(241,247,249) |
hsl(192,40%,96%) |
#dfeef1 |
rgb(223,238,241) |
hsl(192,40%,91%) |
#cde4ea |
rgb(205,228,234) |
hsl(192,40%,86%) |
#bbdae2 |
rgb(187,218,226) |
hsl(192,40%,81%) |
#a9d0da |
rgb(169,208,218) |
hsl(192,40%,76%) |
#97c7d3 |
rgb(151,199,211) |
hsl(192,40%,71%) |
#86bdcb |
rgb(134,189,203) |
hsl(192,40%,66%) |
#74b3c3 |
rgb(116,179,195) |
hsl(192,40%,61%) |
#62aabc |
rgb(98,170,188) |
hsl(192,40%,56%) |
#50a0b4 |
rgb(80,160,180) |
hsl(192,40%,51%) |
#4691a4 |
rgb(70,145,164) |
hsl(192,40%,46%) |
#3f8292 |
rgb(63,130,146) |
hsl(192,40%,41%) |
#377281 |
rgb(55,114,129) |
hsl(192,40%,36%) |
#2f626f |
rgb(47,98,111) |
hsl(192,40%,31%) |
#28525d |
rgb(40,82,93) |
hsl(192,40%,26%) |
#20424b |
rgb(32,66,75) |
hsl(192,40%,21%) |
#183339 |
rgb(24,51,57) |
hsl(192,40%,16%) |
#112327 |
rgb(17,35,39) |
hsl(192,40%,11%) |
#091315 |
rgb(9,19,21) |
hsl(192,40%,6%) |
#020304 |
rgb(2,3,4) |
hsl(192,40%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#307052 |
rgb(48,112,82) |
hsl(152,40%,31%) |
#306370 |
rgb(48,99,112) |
hsl(192,40%,31%) |
#303870 |
rgb(48,56,112) |
hsl(233,40%,31%) |
Monochromatic colors
HEX |
RGB |
HSL |
#377381 |
rgb(55,115,129) |
hsl(191,40%,36%) |
#306370 |
rgb(48,99,112) |
hsl(192,40%,31%) |
#28545E |
rgb(40,84,94) |
hsl(191,40%,26%) |
#20424C |
rgb(32,66,76) |
hsl(194,41%,21%) |
#18333A |
rgb(24,51,58) |
hsl(192,41%,16%) |
#112428 |
rgb(17,36,40) |
hsl(190,40%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#306370 |
rgb(48,99,112) |
hsl(192,40%,31%) |
#703043 |
rgb(112,48,67) |
hsl(342,40%,31%) |
#705C30 |
rgb(112,92,48) |
hsl(41,40%,31%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306370 |
rgb(48,99,112) |
hsl(192,40%,31%) |
#703D30 |
rgb(112,61,48) |
hsl(12,40%,31%) |
#30705D |
rgb(48,112,93) |
hsl(162,40%,31%) |
#705C30 |
rgb(112,92,48) |
hsl(41,40%,31%) |