HEX #335E77 color — Casal
The color #335E77 is a dark shade and moderately saturated.
Palette
335E77 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(202,40%,98%) |
#e6eff4 |
rgb(230,239,244) |
hsl(202,40%,93%) |
#d4e4ed |
rgb(212,228,237) |
hsl(202,40%,88%) |
#c2d8e5 |
rgb(194,216,229) |
hsl(202,40%,83%) |
#b0cddd |
rgb(176,205,221) |
hsl(202,40%,78%) |
#9fc1d6 |
rgb(159,193,214) |
hsl(202,40%,73%) |
#8db6ce |
rgb(141,182,206) |
hsl(202,40%,68%) |
#7babc6 |
rgb(123,171,198) |
hsl(202,40%,63%) |
#699fbf |
rgb(105,159,191) |
hsl(202,40%,58%) |
#5794b7 |
rgb(87,148,183) |
hsl(202,40%,53%) |
#4987ab |
rgb(73,135,171) |
hsl(202,40%,48%) |
#42799a |
rgb(66,121,154) |
hsl(202,40%,43%) |
#3a6b88 |
rgb(58,107,136) |
hsl(202,40%,38%) |
#325d76 |
rgb(50,93,118) |
hsl(202,40%,33%) |
#2b4f64 |
rgb(43,79,100) |
hsl(202,40%,28%) |
#234152 |
rgb(35,65,82) |
hsl(202,40%,23%) |
#1c3340 |
rgb(28,51,64) |
hsl(202,40%,18%) |
#14252e |
rgb(20,37,46) |
hsl(202,40%,13%) |
#0c171d |
rgb(12,23,29) |
hsl(202,40%,8%) |
#05080b |
rgb(5,8,11) |
hsl(202,40%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#337862 |
rgb(51,120,98) |
hsl(161,40%,34%) |
#335E77 |
rgb(51,94,119) |
hsl(202,40%,33%) |
#353377 |
rgb(53,51,119) |
hsl(242,40%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B6E8A |
rgb(59,110,138) |
hsl(201,40%,39%) |
#335E77 |
rgb(51,94,119) |
hsl(202,40%,33%) |
#2A4F63 |
rgb(42,79,99) |
hsl(201,40%,28%) |
#224050 |
rgb(34,64,80) |
hsl(201,40%,22%) |
#1A303D |
rgb(26,48,61) |
hsl(202,40%,17%) |
#12212A |
rgb(18,33,42) |
hsl(203,40%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#335E77 |
rgb(51,94,119) |
hsl(202,40%,33%) |
#77333C |
rgb(119,51,60) |
hsl(352,40%,33%) |
#776E33 |
rgb(119,110,51) |
hsl(52,40%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#335E77 |
rgb(51,94,119) |
hsl(202,40%,33%) |
#774D33 |
rgb(119,77,51) |
hsl(23,40%,33%) |
#33786E |
rgb(51,120,110) |
hsl(171,40%,34%) |
#776E33 |
rgb(119,110,51) |
hsl(52,40%,33%) |