HEX #335C75 color — Casal
The color #335C75 is a dark shade and moderately saturated.
Palette
335C75 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(203,39%,98%) |
#e6eff4 |
rgb(230,239,244) |
hsl(203,39%,93%) |
#d4e3ec |
rgb(212,227,236) |
hsl(203,39%,88%) |
#c3d8e5 |
rgb(195,216,229) |
hsl(203,39%,83%) |
#b1ccdd |
rgb(177,204,221) |
hsl(203,39%,78%) |
#9fc0d5 |
rgb(159,192,213) |
hsl(203,39%,73%) |
#8eb5cd |
rgb(142,181,205) |
hsl(203,39%,68%) |
#7ca9c5 |
rgb(124,169,197) |
hsl(203,39%,63%) |
#6a9ebe |
rgb(106,158,190) |
hsl(203,39%,58%) |
#5892b6 |
rgb(88,146,182) |
hsl(203,39%,53%) |
#4b86aa |
rgb(75,134,170) |
hsl(203,39%,48%) |
#437898 |
rgb(67,120,152) |
hsl(203,39%,43%) |
#3b6a87 |
rgb(59,106,135) |
hsl(203,39%,38%) |
#335c75 |
rgb(51,92,117) |
hsl(203,39%,33%) |
#2c4e63 |
rgb(44,78,99) |
hsl(203,39%,28%) |
#244052 |
rgb(36,64,82) |
hsl(203,39%,23%) |
#1c3240 |
rgb(28,50,64) |
hsl(203,39%,18%) |
#14242e |
rgb(20,36,46) |
hsl(203,39%,13%) |
#0c161c |
rgb(12,22,28) |
hsl(203,39%,8%) |
#05080b |
rgb(5,8,11) |
hsl(203,39%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#337562 |
rgb(51,117,98) |
hsl(163,39%,33%) |
#335C75 |
rgb(51,92,117) |
hsl(203,39%,33%) |
#363375 |
rgb(54,51,117) |
hsl(243,39%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B6B87 |
rgb(59,107,135) |
hsl(202,39%,38%) |
#335C75 |
rgb(51,92,117) |
hsl(203,39%,33%) |
#2A4D62 |
rgb(42,77,98) |
hsl(203,40%,27%) |
#22404F |
rgb(34,64,79) |
hsl(200,40%,22%) |
#1A303C |
rgb(26,48,60) |
hsl(201,40%,17%) |
#12212A |
rgb(18,33,42) |
hsl(203,40%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#335C75 |
rgb(51,92,117) |
hsl(203,39%,33%) |
#75333B |
rgb(117,51,59) |
hsl(353,39%,33%) |
#756E33 |
rgb(117,110,51) |
hsl(54,39%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#335C75 |
rgb(51,92,117) |
hsl(203,39%,33%) |
#754D33 |
rgb(117,77,51) |
hsl(24,39%,33%) |
#33756D |
rgb(51,117,109) |
hsl(173,39%,33%) |
#756E33 |
rgb(117,110,51) |
hsl(54,39%,33%) |