HEX #336275 color — Casal
The color #336275 is a dark shade and moderately saturated.
Palette
336275 color palette from light to dark
HEX |
RGB |
HSL |
#f8fbfc |
rgb(248,251,252) |
hsl(197,39%,98%) |
#e6f0f4 |
rgb(230,240,244) |
hsl(197,39%,93%) |
#d4e6ec |
rgb(212,230,236) |
hsl(197,39%,88%) |
#c3dbe5 |
rgb(195,219,229) |
hsl(197,39%,83%) |
#b1d0dd |
rgb(177,208,221) |
hsl(197,39%,78%) |
#9fc6d5 |
rgb(159,198,213) |
hsl(197,39%,73%) |
#8ebbcd |
rgb(142,187,205) |
hsl(197,39%,68%) |
#7cb1c5 |
rgb(124,177,197) |
hsl(197,39%,63%) |
#6aa6be |
rgb(106,166,190) |
hsl(197,39%,58%) |
#589bb6 |
rgb(88,155,182) |
hsl(197,39%,53%) |
#4b8faa |
rgb(75,143,170) |
hsl(197,39%,48%) |
#438098 |
rgb(67,128,152) |
hsl(197,39%,43%) |
#3b7187 |
rgb(59,113,135) |
hsl(197,39%,38%) |
#336275 |
rgb(51,98,117) |
hsl(197,39%,33%) |
#2c5363 |
rgb(44,83,99) |
hsl(197,39%,28%) |
#244552 |
rgb(36,69,82) |
hsl(197,39%,23%) |
#1c3640 |
rgb(28,54,64) |
hsl(197,39%,18%) |
#14272e |
rgb(20,39,46) |
hsl(197,39%,13%) |
#0c181c |
rgb(12,24,28) |
hsl(197,39%,8%) |
#05090b |
rgb(5,9,11) |
hsl(197,39%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#33755C |
rgb(51,117,92) |
hsl(157,39%,33%) |
#336275 |
rgb(51,98,117) |
hsl(197,39%,33%) |
#333675 |
rgb(51,54,117) |
hsl(237,39%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B7387 |
rgb(59,115,135) |
hsl(196,39%,38%) |
#336275 |
rgb(51,98,117) |
hsl(197,39%,33%) |
#2A5262 |
rgb(42,82,98) |
hsl(197,40%,27%) |
#22424F |
rgb(34,66,79) |
hsl(197,40%,22%) |
#1A333C |
rgb(26,51,60) |
hsl(196,40%,17%) |
#12242A |
rgb(18,36,42) |
hsl(195,40%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#336275 |
rgb(51,98,117) |
hsl(197,39%,33%) |
#753341 |
rgb(117,51,65) |
hsl(347,39%,33%) |
#756633 |
rgb(117,102,51) |
hsl(46,39%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336275 |
rgb(51,98,117) |
hsl(197,39%,33%) |
#754533 |
rgb(117,69,51) |
hsl(16,39%,33%) |
#337567 |
rgb(51,117,103) |
hsl(167,39%,33%) |
#756633 |
rgb(117,102,51) |
hsl(46,39%,33%) |