HEX #335E72 color — Casal
The color #335E72 is a dark shade and moderately saturated.
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%) |