HEX #335C74 color — Casal
The color #335C74 is a dark shade and moderately saturated.
Palette
335C74 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(202,39%,98%) |
#e6eff4 |
rgb(230,239,244) |
hsl(202,39%,93%) |
#d4e4ec |
rgb(212,228,236) |
hsl(202,39%,88%) |
#c3d8e5 |
rgb(195,216,229) |
hsl(202,39%,83%) |
#b1cddd |
rgb(177,205,221) |
hsl(202,39%,78%) |
#9fc1d5 |
rgb(159,193,213) |
hsl(202,39%,73%) |
#8eb6cd |
rgb(142,182,205) |
hsl(202,39%,68%) |
#7caac5 |
rgb(124,170,197) |
hsl(202,39%,63%) |
#6a9fbe |
rgb(106,159,190) |
hsl(202,39%,58%) |
#5894b6 |
rgb(88,148,182) |
hsl(202,39%,53%) |
#4b87aa |
rgb(75,135,170) |
hsl(202,39%,48%) |
#437998 |
rgb(67,121,152) |
hsl(202,39%,43%) |
#3b6b87 |
rgb(59,107,135) |
hsl(202,39%,38%) |
#335d75 |
rgb(51,93,117) |
hsl(202,39%,33%) |
#2c4f63 |
rgb(44,79,99) |
hsl(202,39%,28%) |
#244152 |
rgb(36,65,82) |
hsl(202,39%,23%) |
#1c3340 |
rgb(28,51,64) |
hsl(202,39%,18%) |
#14252e |
rgb(20,37,46) |
hsl(202,39%,13%) |
#0c171c |
rgb(12,23,28) |
hsl(202,39%,8%) |
#05080b |
rgb(5,8,11) |
hsl(202,39%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#337360 |
rgb(51,115,96) |
hsl(162,39%,33%) |
#335C74 |
rgb(51,92,116) |
hsl(202,39%,33%) |
#353374 |
rgb(53,51,116) |
hsl(242,39%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B6B86 |
rgb(59,107,134) |
hsl(202,39%,38%) |
#335C74 |
rgb(51,92,116) |
hsl(202,39%,33%) |
#2A4D61 |
rgb(42,77,97) |
hsl(202,40%,27%) |
#22404E |
rgb(34,64,78) |
hsl(199,39%,22%) |
#1A303C |
rgb(26,48,60) |
hsl(201,40%,17%) |
#122129 |
rgb(18,33,41) |
hsl(201,39%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#335C74 |
rgb(51,92,116) |
hsl(202,39%,33%) |
#74333B |
rgb(116,51,59) |
hsl(353,39%,33%) |
#746B33 |
rgb(116,107,51) |
hsl(52,39%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#335C74 |
rgb(51,92,116) |
hsl(202,39%,33%) |
#744A33 |
rgb(116,74,51) |
hsl(21,39%,33%) |
#33736B |
rgb(51,115,107) |
hsl(173,39%,33%) |
#746B33 |
rgb(116,107,51) |
hsl(52,39%,33%) |