HEX #336174 color — Casal
The color #336174 is a dark shade and moderately saturated.
Palette
336174 color palette from light to dark
| HEX |
RGB |
HSL |
| #f8fbfc |
rgb(248,251,252) |
hsl(198,39%,98%) |
| #e6f0f4 |
rgb(230,240,244) |
hsl(198,39%,93%) |
| #d4e5ec |
rgb(212,229,236) |
hsl(198,39%,88%) |
| #c3dae5 |
rgb(195,218,229) |
hsl(198,39%,83%) |
| #b1d0dd |
rgb(177,208,221) |
hsl(198,39%,78%) |
| #9fc5d5 |
rgb(159,197,213) |
hsl(198,39%,73%) |
| #8ebacd |
rgb(142,186,205) |
hsl(198,39%,68%) |
| #7cafc5 |
rgb(124,175,197) |
hsl(198,39%,63%) |
| #6aa5be |
rgb(106,165,190) |
hsl(198,39%,58%) |
| #589ab6 |
rgb(88,154,182) |
hsl(198,39%,53%) |
| #4b8daa |
rgb(75,141,170) |
hsl(198,39%,48%) |
| #437f98 |
rgb(67,127,152) |
hsl(198,39%,43%) |
| #3b7087 |
rgb(59,112,135) |
hsl(198,39%,38%) |
| #336175 |
rgb(51,97,117) |
hsl(198,39%,33%) |
| #2c5363 |
rgb(44,83,99) |
hsl(198,39%,28%) |
| #244452 |
rgb(36,68,82) |
hsl(198,39%,23%) |
| #1c3540 |
rgb(28,53,64) |
hsl(198,39%,18%) |
| #14262e |
rgb(20,38,46) |
hsl(198,39%,13%) |
| #0c181c |
rgb(12,24,28) |
hsl(198,39%,8%) |
| #05090b |
rgb(5,9,11) |
hsl(198,39%,3%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #33735B |
rgb(51,115,91) |
hsl(158,39%,33%) |
| #336174 |
rgb(51,97,116) |
hsl(198,39%,33%) |
| #333674 |
rgb(51,54,116) |
hsl(237,39%,33%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #3B7086 |
rgb(59,112,134) |
hsl(198,39%,38%) |
| #336174 |
rgb(51,97,116) |
hsl(198,39%,33%) |
| #2A5261 |
rgb(42,82,97) |
hsl(196,40%,27%) |
| #22424E |
rgb(34,66,78) |
hsl(196,39%,22%) |
| #1A333C |
rgb(26,51,60) |
hsl(196,40%,17%) |
| #122429 |
rgb(18,36,41) |
hsl(193,39%,12%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #336174 |
rgb(51,97,116) |
hsl(198,39%,33%) |
| #743340 |
rgb(116,51,64) |
hsl(348,39%,33%) |
| #746633 |
rgb(116,102,51) |
hsl(47,39%,33%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #336174 |
rgb(51,97,116) |
hsl(198,39%,33%) |
| #744533 |
rgb(116,69,51) |
hsl(17,39%,33%) |
| #337366 |
rgb(51,115,102) |
hsl(168,39%,33%) |
| #746633 |
rgb(116,102,51) |
hsl(47,39%,33%) |
