HEX #306B6C color — Casal
The color #306B6C is a dark shade and moderately saturated.
Palette
306B6C color palette from light to dark
HEX |
RGB |
HSL |
#f1f9f9 |
rgb(241,249,249) |
hsl(181,38%,96%) |
#dff0f1 |
rgb(223,240,241) |
hsl(181,38%,91%) |
#cee8e9 |
rgb(206,232,233) |
hsl(181,38%,86%) |
#bce0e1 |
rgb(188,224,225) |
hsl(181,38%,81%) |
#abd8d9 |
rgb(171,216,217) |
hsl(181,38%,76%) |
#99d0d1 |
rgb(153,208,209) |
hsl(181,38%,71%) |
#87c8c9 |
rgb(135,200,201) |
hsl(181,38%,66%) |
#76c0c1 |
rgb(118,192,193) |
hsl(181,38%,61%) |
#64b8b9 |
rgb(100,184,185) |
hsl(181,38%,56%) |
#53b0b2 |
rgb(83,176,178) |
hsl(181,38%,51%) |
#49a0a2 |
rgb(73,160,162) |
hsl(181,38%,46%) |
#418f90 |
rgb(65,143,144) |
hsl(181,38%,41%) |
#397e7f |
rgb(57,126,127) |
hsl(181,38%,36%) |
#316c6d |
rgb(49,108,109) |
hsl(181,38%,31%) |
#295b5b |
rgb(41,91,91) |
hsl(181,38%,26%) |
#21494a |
rgb(33,73,74) |
hsl(181,38%,21%) |
#193838 |
rgb(25,56,56) |
hsl(181,38%,16%) |
#112627 |
rgb(17,38,39) |
hsl(181,38%,11%) |
#091515 |
rgb(9,21,21) |
hsl(181,38%,6%) |
#020304 |
rgb(2,3,4) |
hsl(181,38%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#306B45 |
rgb(48,107,69) |
hsl(141,38%,30%) |
#306B6C |
rgb(48,107,108) |
hsl(181,38%,31%) |
#30426C |
rgb(48,66,108) |
hsl(222,38%,31%) |
Monochromatic colors
HEX |
RGB |
HSL |
#377D7D |
rgb(55,125,125) |
hsl(180,39%,35%) |
#306B6C |
rgb(48,107,108) |
hsl(181,38%,31%) |
#28595A |
rgb(40,89,90) |
hsl(181,38%,25%) |
#204A49 |
rgb(32,74,73) |
hsl(179,40%,21%) |
#183838 |
rgb(24,56,56) |
hsl(180,40%,16%) |
#112626 |
rgb(17,38,38) |
hsl(180,38%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#306B6C |
rgb(48,107,108) |
hsl(181,38%,31%) |
#6C304D |
rgb(108,48,77) |
hsl(331,38%,31%) |
#6C4F30 |
rgb(108,79,48) |
hsl(31,38%,31%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306B6C |
rgb(48,107,108) |
hsl(181,38%,31%) |
#6C3030 |
rgb(108,48,48) |
hsl(360,38%,31%) |
#306B4F |
rgb(48,107,79) |
hsl(152,38%,30%) |
#6C4F30 |
rgb(108,79,48) |
hsl(31,38%,31%) |