HEX #335C69 color — Casal
The color #335C69 is a dark shade and moderately saturated.
Palette
335C69 color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f7f8 |
rgb(241,247,248) |
hsl(194,35%,96%) |
| #e0ecf0 |
rgb(224,236,240) |
hsl(194,35%,91%) |
| #cfe2e8 |
rgb(207,226,232) |
hsl(194,35%,86%) |
| #bed8e0 |
rgb(190,216,224) |
hsl(194,35%,81%) |
| #accdd7 |
rgb(172,205,215) |
hsl(194,35%,76%) |
| #9bc3cf |
rgb(155,195,207) |
hsl(194,35%,71%) |
| #8ab8c7 |
rgb(138,184,199) |
hsl(194,35%,66%) |
| #79aebe |
rgb(121,174,190) |
hsl(194,35%,61%) |
| #68a4b6 |
rgb(104,164,182) |
hsl(194,35%,56%) |
| #5699ae |
rgb(86,153,174) |
hsl(194,35%,51%) |
| #4c8b9e |
rgb(76,139,158) |
hsl(194,35%,46%) |
| #447c8d |
rgb(68,124,141) |
hsl(194,35%,41%) |
| #3c6d7c |
rgb(60,109,124) |
hsl(194,35%,36%) |
| #335e6b |
rgb(51,94,107) |
hsl(194,35%,31%) |
| #2b4f5a |
rgb(43,79,90) |
hsl(194,35%,26%) |
| #234048 |
rgb(35,64,72) |
hsl(194,35%,21%) |
| #1b3037 |
rgb(27,48,55) |
hsl(194,35%,16%) |
| #122126 |
rgb(18,33,38) |
hsl(194,35%,11%) |
| #0a1215 |
rgb(10,18,21) |
hsl(194,35%,6%) |
| #020303 |
rgb(2,3,3) |
hsl(194,35%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #336952 |
rgb(51,105,82) |
hsl(154,35%,31%) |
| #335C69 |
rgb(51,92,105) |
hsl(194,35%,31%) |
| #333869 |
rgb(51,56,105) |
hsl(234,35%,31%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #3B6B79 |
rgb(59,107,121) |
hsl(194,34%,35%) |
| #335C69 |
rgb(51,92,105) |
hsl(194,35%,31%) |
| #2A4D58 |
rgb(42,77,88) |
hsl(194,35%,25%) |
| #224047 |
rgb(34,64,71) |
hsl(191,35%,21%) |
| #1A3036 |
rgb(26,48,54) |
hsl(193,35%,16%) |
| #122125 |
rgb(18,33,37) |
hsl(193,35%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #335C69 |
rgb(51,92,105) |
hsl(194,35%,31%) |
| #693341 |
rgb(105,51,65) |
hsl(344,35%,31%) |
| #695C33 |
rgb(105,92,51) |
hsl(46,35%,31%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #335C69 |
rgb(51,92,105) |
hsl(194,35%,31%) |
| #694033 |
rgb(105,64,51) |
hsl(14,35%,31%) |
| #33695B |
rgb(51,105,91) |
hsl(164,35%,31%) |
| #695C33 |
rgb(105,92,51) |
hsl(46,35%,31%) |
