HEX #335768 color — Casal
The color #335768 is a dark shade and moderately saturated.
Palette
335768 color palette from light to dark
HEX |
RGB |
HSL |
#eef4f7 |
rgb(238,244,247) |
hsl(199,34%,95%) |
#dde9ee |
rgb(221,233,238) |
hsl(199,34%,90%) |
#ccdee6 |
rgb(204,222,230) |
hsl(199,34%,85%) |
#bbd2dd |
rgb(187,210,221) |
hsl(199,34%,80%) |
#aac7d5 |
rgb(170,199,213) |
hsl(199,34%,75%) |
#98bccd |
rgb(152,188,205) |
hsl(199,34%,70%) |
#87b1c4 |
rgb(135,177,196) |
hsl(199,34%,65%) |
#76a6bc |
rgb(118,166,188) |
hsl(199,34%,60%) |
#659bb3 |
rgb(101,155,179) |
hsl(199,34%,55%) |
#548fab |
rgb(84,143,171) |
hsl(199,34%,50%) |
#4c819a |
rgb(76,129,154) |
hsl(199,34%,45%) |
#437389 |
rgb(67,115,137) |
hsl(199,34%,40%) |
#3b6478 |
rgb(59,100,120) |
hsl(199,34%,35%) |
#325667 |
rgb(50,86,103) |
hsl(199,34%,30%) |
#2a4855 |
rgb(42,72,85) |
hsl(199,34%,25%) |
#223944 |
rgb(34,57,68) |
hsl(199,34%,20%) |
#192b33 |
rgb(25,43,51) |
hsl(199,34%,15%) |
#111d22 |
rgb(17,29,34) |
hsl(199,34%,10%) |
#080e11 |
rgb(8,14,17) |
hsl(199,34%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#336955 |
rgb(51,105,85) |
hsl(158,35%,31%) |
#335768 |
rgb(51,87,104) |
hsl(199,34%,30%) |
#333368 |
rgb(51,51,104) |
hsl(240,34%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B6678 |
rgb(59,102,120) |
hsl(198,34%,35%) |
#335768 |
rgb(51,87,104) |
hsl(199,34%,30%) |
#2A4A57 |
rgb(42,74,87) |
hsl(197,35%,25%) |
#223B46 |
rgb(34,59,70) |
hsl(198,35%,20%) |
#1A2E36 |
rgb(26,46,54) |
hsl(197,35%,16%) |
#121F25 |
rgb(18,31,37) |
hsl(199,35%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#335768 |
rgb(51,87,104) |
hsl(199,34%,30%) |
#68333C |
rgb(104,51,60) |
hsl(350,34%,30%) |
#685E33 |
rgb(104,94,51) |
hsl(49,34%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#335768 |
rgb(51,87,104) |
hsl(199,34%,30%) |
#684533 |
rgb(104,69,51) |
hsl(20,34%,30%) |
#33695E |
rgb(51,105,94) |
hsl(168,35%,31%) |
#685E33 |
rgb(104,94,51) |
hsl(49,34%,30%) |