HEX #306669 color — Casal
The color #306669 is a dark shade and moderately saturated.
Palette
306669 color palette from light to dark
HEX |
RGB |
HSL |
#eef6f7 |
rgb(238,246,247) |
hsl(183,37%,95%) |
#dceeef |
rgb(220,238,239) |
hsl(183,37%,90%) |
#cbe5e7 |
rgb(203,229,231) |
hsl(183,37%,85%) |
#b9dddf |
rgb(185,221,223) |
hsl(183,37%,80%) |
#a8d4d7 |
rgb(168,212,215) |
hsl(183,37%,75%) |
#96cccf |
rgb(150,204,207) |
hsl(183,37%,70%) |
#85c3c7 |
rgb(133,195,199) |
hsl(183,37%,65%) |
#73bbbf |
rgb(115,187,191) |
hsl(183,37%,60%) |
#62b2b7 |
rgb(98,178,183) |
hsl(183,37%,55%) |
#50aaaf |
rgb(80,170,175) |
hsl(183,37%,50%) |
#48999d |
rgb(72,153,157) |
hsl(183,37%,45%) |
#40888c |
rgb(64,136,140) |
hsl(183,37%,40%) |
#38777a |
rgb(56,119,122) |
hsl(183,37%,35%) |
#306669 |
rgb(48,102,105) |
hsl(183,37%,30%) |
#285557 |
rgb(40,85,87) |
hsl(183,37%,25%) |
#204446 |
rgb(32,68,70) |
hsl(183,37%,20%) |
#183334 |
rgb(24,51,52) |
hsl(183,37%,15%) |
#102223 |
rgb(16,34,35) |
hsl(183,37%,10%) |
#081111 |
rgb(8,17,17) |
hsl(183,37%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#306946 |
rgb(48,105,70) |
hsl(143,37%,30%) |
#306669 |
rgb(48,102,105) |
hsl(183,37%,30%) |
#304069 |
rgb(48,64,105) |
hsl(223,37%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#377579 |
rgb(55,117,121) |
hsl(184,38%,35%) |
#306669 |
rgb(48,102,105) |
hsl(183,37%,30%) |
#285758 |
rgb(40,87,88) |
hsl(181,38%,25%) |
#204547 |
rgb(32,69,71) |
hsl(183,38%,20%) |
#183636 |
rgb(24,54,54) |
hsl(180,38%,15%) |
#112425 |
rgb(17,36,37) |
hsl(183,37%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#306669 |
rgb(48,102,105) |
hsl(183,37%,30%) |
#693049 |
rgb(105,48,73) |
hsl(334,37%,30%) |
#694F30 |
rgb(105,79,48) |
hsl(33,37%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306669 |
rgb(48,102,105) |
hsl(183,37%,30%) |
#693330 |
rgb(105,51,48) |
hsl(3,37%,30%) |
#30694F |
rgb(48,105,79) |
hsl(153,37%,30%) |
#694F30 |
rgb(105,79,48) |
hsl(33,37%,30%) |