HEX #335A6C color — Casal
The color #335A6C is a dark shade and moderately saturated.
Palette
335A6C color palette from light to dark
HEX |
RGB |
HSL |
#f1f6f8 |
rgb(241,246,248) |
hsl(199,36%,96%) |
#e0ebf0 |
rgb(224,235,240) |
hsl(199,36%,91%) |
#cee0e8 |
rgb(206,224,232) |
hsl(199,36%,86%) |
#bdd5e0 |
rgb(189,213,224) |
hsl(199,36%,81%) |
#accad8 |
rgb(172,202,216) |
hsl(199,36%,76%) |
#9abfd0 |
rgb(154,191,208) |
hsl(199,36%,71%) |
#89b4c8 |
rgb(137,180,200) |
hsl(199,36%,66%) |
#78a9bf |
rgb(120,169,191) |
hsl(199,36%,61%) |
#669eb7 |
rgb(102,158,183) |
hsl(199,36%,56%) |
#5593af |
rgb(85,147,175) |
hsl(199,36%,51%) |
#4b85a0 |
rgb(75,133,160) |
hsl(199,36%,46%) |
#43768e |
rgb(67,118,142) |
hsl(199,36%,41%) |
#3b687d |
rgb(59,104,125) |
hsl(199,36%,36%) |
#33596c |
rgb(51,89,108) |
hsl(199,36%,31%) |
#2a4b5a |
rgb(42,75,90) |
hsl(199,36%,26%) |
#223d49 |
rgb(34,61,73) |
hsl(199,36%,21%) |
#1a2e37 |
rgb(26,46,55) |
hsl(199,36%,16%) |
#122026 |
rgb(18,32,38) |
hsl(199,36%,11%) |
#0a1115 |
rgb(10,17,21) |
hsl(199,36%,6%) |
#020303 |
rgb(2,3,3) |
hsl(199,36%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#336B58 |
rgb(51,107,88) |
hsl(160,35%,31%) |
#335A6C |
rgb(51,90,108) |
hsl(199,36%,31%) |
#33336C |
rgb(51,51,108) |
hsl(240,36%,31%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B697D |
rgb(59,105,125) |
hsl(198,36%,36%) |
#335A6C |
rgb(51,90,108) |
hsl(199,36%,31%) |
#2A4D5A |
rgb(42,77,90) |
hsl(196,36%,26%) |
#223D49 |
rgb(34,61,73) |
hsl(198,36%,21%) |
#1A2E38 |
rgb(26,46,56) |
hsl(200,37%,16%) |
#122126 |
rgb(18,33,38) |
hsl(195,36%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#335A6C |
rgb(51,90,108) |
hsl(199,36%,31%) |
#6C333D |
rgb(108,51,61) |
hsl(349,36%,31%) |
#6C6133 |
rgb(108,97,51) |
hsl(48,36%,31%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#335A6C |
rgb(51,90,108) |
hsl(199,36%,31%) |
#6C4533 |
rgb(108,69,51) |
hsl(19,36%,31%) |
#336B61 |
rgb(51,107,97) |
hsl(169,35%,31%) |
#6C6133 |
rgb(108,97,51) |
hsl(48,36%,31%) |