HEX #336367 color — Casal
The color #336367 is a dark shade and moderately saturated.
Palette
336367 color palette from light to dark
HEX |
RGB |
HSL |
#eef6f7 |
rgb(238,246,247) |
hsl(185,34%,95%) |
#ddedee |
rgb(221,237,238) |
hsl(185,34%,90%) |
#cce4e6 |
rgb(204,228,230) |
hsl(185,34%,85%) |
#bbdadd |
rgb(187,218,221) |
hsl(185,34%,80%) |
#aad1d5 |
rgb(170,209,213) |
hsl(185,34%,75%) |
#98c8cd |
rgb(152,200,205) |
hsl(185,34%,70%) |
#87bfc4 |
rgb(135,191,196) |
hsl(185,34%,65%) |
#76b6bc |
rgb(118,182,188) |
hsl(185,34%,60%) |
#65adb3 |
rgb(101,173,179) |
hsl(185,34%,55%) |
#54a4ab |
rgb(84,164,171) |
hsl(185,34%,50%) |
#4c939a |
rgb(76,147,154) |
hsl(185,34%,45%) |
#438389 |
rgb(67,131,137) |
hsl(185,34%,40%) |
#3b7378 |
rgb(59,115,120) |
hsl(185,34%,35%) |
#326267 |
rgb(50,98,103) |
hsl(185,34%,30%) |
#2a5255 |
rgb(42,82,85) |
hsl(185,34%,25%) |
#224144 |
rgb(34,65,68) |
hsl(185,34%,20%) |
#193133 |
rgb(25,49,51) |
hsl(185,34%,15%) |
#112122 |
rgb(17,33,34) |
hsl(185,34%,10%) |
#081011 |
rgb(8,16,17) |
hsl(185,34%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#336648 |
rgb(51,102,72) |
hsl(145,33%,30%) |
#336367 |
rgb(51,99,103) |
hsl(185,34%,30%) |
#334067 |
rgb(51,64,103) |
hsl(225,34%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B7377 |
rgb(59,115,119) |
hsl(184,34%,35%) |
#336367 |
rgb(51,99,103) |
hsl(185,34%,30%) |
#2A5456 |
rgb(42,84,86) |
hsl(183,34%,25%) |
#224246 |
rgb(34,66,70) |
hsl(187,35%,20%) |
#1A3335 |
rgb(26,51,53) |
hsl(184,34%,15%) |
#122425 |
rgb(18,36,37) |
hsl(183,35%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#336367 |
rgb(51,99,103) |
hsl(185,34%,30%) |
#673349 |
rgb(103,51,73) |
hsl(335,34%,30%) |
#675233 |
rgb(103,82,51) |
hsl(36,34%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336367 |
rgb(51,99,103) |
hsl(185,34%,30%) |
#673833 |
rgb(103,56,51) |
hsl(6,34%,30%) |
#336651 |
rgb(51,102,81) |
hsl(155,33%,30%) |
#675233 |
rgb(103,82,51) |
hsl(36,34%,30%) |