HEX #306366 color — Casal
The color #306366 is a dark shade and moderately saturated.
Palette
306366 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(183,36%,99%) |
#eaf5f5 |
rgb(234,245,245) |
hsl(183,36%,94%) |
#d9eced |
rgb(217,236,237) |
hsl(183,36%,89%) |
#c8e3e5 |
rgb(200,227,229) |
hsl(183,36%,84%) |
#b6dbdd |
rgb(182,219,221) |
hsl(183,36%,79%) |
#a5d2d5 |
rgb(165,210,213) |
hsl(183,36%,74%) |
#93cacc |
rgb(147,202,204) |
hsl(183,36%,69%) |
#82c1c4 |
rgb(130,193,196) |
hsl(183,36%,64%) |
#71b8bc |
rgb(113,184,188) |
hsl(183,36%,59%) |
#5fb0b4 |
rgb(95,176,180) |
hsl(183,36%,54%) |
#50a5aa |
rgb(80,165,170) |
hsl(183,36%,49%) |
#489599 |
rgb(72,149,153) |
hsl(183,36%,44%) |
#408487 |
rgb(64,132,135) |
hsl(183,36%,39%) |
#377376 |
rgb(55,115,118) |
hsl(183,36%,34%) |
#2f6265 |
rgb(47,98,101) |
hsl(183,36%,29%) |
#275153 |
rgb(39,81,83) |
hsl(183,36%,24%) |
#1f4042 |
rgb(31,64,66) |
hsl(183,36%,19%) |
#172f31 |
rgb(23,47,49) |
hsl(183,36%,14%) |
#0f1e1f |
rgb(15,30,31) |
hsl(183,36%,9%) |
#070e0e |
rgb(7,14,14) |
hsl(183,36%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#306645 |
rgb(48,102,69) |
hsl(143,36%,29%) |
#306366 |
rgb(48,99,102) |
hsl(183,36%,29%) |
#304066 |
rgb(48,64,102) |
hsl(222,36%,29%) |
Monochromatic colors
HEX |
RGB |
HSL |
#377376 |
rgb(55,115,118) |
hsl(183,36%,34%) |
#306366 |
rgb(48,99,102) |
hsl(183,36%,29%) |
#285455 |
rgb(40,84,85) |
hsl(181,36%,25%) |
#204245 |
rgb(32,66,69) |
hsl(185,37%,20%) |
#183335 |
rgb(24,51,53) |
hsl(184,38%,15%) |
#112424 |
rgb(17,36,36) |
hsl(180,36%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#306366 |
rgb(48,99,102) |
hsl(183,36%,29%) |
#663048 |
rgb(102,48,72) |
hsl(333,36%,29%) |
#664F30 |
rgb(102,79,48) |
hsl(34,36%,29%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306366 |
rgb(48,99,102) |
hsl(183,36%,29%) |
#663330 |
rgb(102,51,48) |
hsl(3,36%,29%) |
#30664E |
rgb(48,102,78) |
hsl(153,36%,29%) |
#664F30 |
rgb(102,79,48) |
hsl(34,36%,29%) |