HEX #335E72 color — Casal

The color #335E72 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

335E72 color palette from light to dark

HEX RGB HSL
#f4f8fa rgb(244,248,250) hsl(199,38%,97%)
#e3edf2 rgb(227,237,242) hsl(199,38%,92%)
#d1e2ea rgb(209,226,234) hsl(199,38%,87%)
#c0d7e3 rgb(192,215,227) hsl(199,38%,82%)
#aecddb rgb(174,205,219) hsl(199,38%,77%)
#9cc2d3 rgb(156,194,211) hsl(199,38%,72%)
#8bb7cb rgb(139,183,203) hsl(199,38%,67%)
#79acc3 rgb(121,172,195) hsl(199,38%,62%)
#68a1bb rgb(104,161,187) hsl(199,38%,57%)
#5696b3 rgb(86,150,179) hsl(199,38%,52%)
#4a89a5 rgb(74,137,165) hsl(199,38%,47%)
#427a94 rgb(66,122,148) hsl(199,38%,42%)
#3a6b82 rgb(58,107,130) hsl(199,38%,37%)
#335d71 rgb(51,93,113) hsl(199,38%,32%)
#2b4e5f rgb(43,78,95) hsl(199,38%,27%)
#23404d rgb(35,64,77) hsl(199,38%,22%)
#1b313c rgb(27,49,60) hsl(199,38%,17%)
#13232a rgb(19,35,42) hsl(199,38%,12%)
#0b1419 rgb(11,20,25) hsl(199,38%,7%)
#030607 rgb(3,6,7) hsl(199,38%,2%)

Adjacent colors

HEX RGB HSL
#33735C rgb(51,115,92) hsl(158,39%,33%)
#335E72 rgb(51,94,114) hsl(199,38%,32%)
#333372 rgb(51,51,114) hsl(240,38%,32%)

Monochromatic colors

HEX RGB HSL
#3B6E84 rgb(59,110,132) hsl(198,38%,37%)
#335E72 rgb(51,94,114) hsl(199,38%,32%)
#2A4F5F rgb(42,79,95) hsl(198,39%,27%)
#22404D rgb(34,64,77) hsl(198,39%,22%)
#1A303B rgb(26,48,59) hsl(200,39%,17%)
#122129 rgb(18,33,41) hsl(201,39%,12%)

Triad color palettes

HEX RGB HSL
#335E72 rgb(51,94,114) hsl(199,38%,32%)
#72333E rgb(114,51,62) hsl(350,38%,32%)
#726633 rgb(114,102,51) hsl(49,38%,32%)

Tetrad color palettes

HEX RGB HSL
#335E72 rgb(51,94,114) hsl(199,38%,32%)
#724733 rgb(114,71,51) hsl(19,38%,32%)
#337366 rgb(51,115,102) hsl(168,39%,33%)
#726633 rgb(114,102,51) hsl(49,38%,32%)