HEX #335C6F color — Casal
The color #335C6F is a dark shade and moderately saturated.
Palette
335C6F color palette from light to dark
| HEX |
RGB |
HSL |
| #f5f8fa |
rgb(245,248,250) |
hsl(199,37%,97%) |
| #e3edf2 |
rgb(227,237,242) |
hsl(199,37%,92%) |
| #d2e2ea |
rgb(210,226,234) |
hsl(199,37%,87%) |
| #c0d7e2 |
rgb(192,215,226) |
hsl(199,37%,82%) |
| #afccda |
rgb(175,204,218) |
hsl(199,37%,77%) |
| #9dc1d2 |
rgb(157,193,210) |
hsl(199,37%,72%) |
| #8cb6ca |
rgb(140,182,202) |
hsl(199,37%,67%) |
| #7aabc2 |
rgb(122,171,194) |
hsl(199,37%,62%) |
| #69a0ba |
rgb(105,160,186) |
hsl(199,37%,57%) |
| #5795b2 |
rgb(87,149,178) |
hsl(199,37%,52%) |
| #4c88a4 |
rgb(76,136,164) |
hsl(199,37%,47%) |
| #437a93 |
rgb(67,122,147) |
hsl(199,37%,42%) |
| #3b6b81 |
rgb(59,107,129) |
hsl(199,37%,37%) |
| #335d70 |
rgb(51,93,112) |
hsl(199,37%,32%) |
| #2b4e5e |
rgb(43,78,94) |
hsl(199,37%,27%) |
| #23404d |
rgb(35,64,77) |
hsl(199,37%,22%) |
| #1b313b |
rgb(27,49,59) |
hsl(199,37%,17%) |
| #13232a |
rgb(19,35,42) |
hsl(199,37%,12%) |
| #0b1418 |
rgb(11,20,24) |
hsl(199,37%,7%) |
| #030607 |
rgb(3,6,7) |
hsl(199,37%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #33705A |
rgb(51,112,90) |
hsl(158,37%,32%) |
| #335C6F |
rgb(51,92,111) |
hsl(199,37%,32%) |
| #33336F |
rgb(51,51,111) |
hsl(240,37%,32%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #3B6B80 |
rgb(59,107,128) |
hsl(198,37%,37%) |
| #335C6F |
rgb(51,92,111) |
hsl(199,37%,32%) |
| #2A4D5D |
rgb(42,77,93) |
hsl(199,38%,26%) |
| #22404B |
rgb(34,64,75) |
hsl(196,38%,21%) |
| #1A3039 |
rgb(26,48,57) |
hsl(197,37%,16%) |
| #122127 |
rgb(18,33,39) |
hsl(197,37%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #335C6F |
rgb(51,92,111) |
hsl(199,37%,32%) |
| #6F333E |
rgb(111,51,62) |
hsl(349,37%,32%) |
| #6F6333 |
rgb(111,99,51) |
hsl(48,37%,32%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #335C6F |
rgb(51,92,111) |
hsl(199,37%,32%) |
| #6F4533 |
rgb(111,69,51) |
hsl(18,37%,32%) |
| #337064 |
rgb(51,112,100) |
hsl(168,37%,32%) |
| #6F6333 |
rgb(111,99,51) |
hsl(48,37%,32%) |
