HEX #316671 color — Casal
The color #316671 is a dark shade and moderately saturated.
Palette
316671 color palette from light to dark
HEX |
RGB |
HSL |
#f4f9fa |
rgb(244,249,250) |
hsl(190,40%,97%) |
#e2f0f3 |
rgb(226,240,243) |
hsl(190,40%,92%) |
#d1e7eb |
rgb(209,231,235) |
hsl(190,40%,87%) |
#bfdde3 |
rgb(191,221,227) |
hsl(190,40%,82%) |
#add4dc |
rgb(173,212,220) |
hsl(190,40%,77%) |
#9bcbd4 |
rgb(155,203,212) |
hsl(190,40%,72%) |
#89c1cd |
rgb(137,193,205) |
hsl(190,40%,67%) |
#77b8c5 |
rgb(119,184,197) |
hsl(190,40%,62%) |
#65afbd |
rgb(101,175,189) |
hsl(190,40%,57%) |
#54a5b6 |
rgb(84,165,182) |
hsl(190,40%,52%) |
#4898a8 |
rgb(72,152,168) |
hsl(190,40%,47%) |
#408896 |
rgb(64,136,150) |
hsl(190,40%,42%) |
#397884 |
rgb(57,120,132) |
hsl(190,40%,37%) |
#316772 |
rgb(49,103,114) |
hsl(190,40%,32%) |
#295760 |
rgb(41,87,96) |
hsl(190,40%,27%) |
#22474f |
rgb(34,71,79) |
hsl(190,40%,22%) |
#1a373d |
rgb(26,55,61) |
hsl(190,40%,17%) |
#12272b |
rgb(18,39,43) |
hsl(190,40%,12%) |
#0b1719 |
rgb(11,23,25) |
hsl(190,40%,7%) |
#030607 |
rgb(3,6,7) |
hsl(190,40%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#317051 |
rgb(49,112,81) |
hsl(150,39%,32%) |
#316671 |
rgb(49,102,113) |
hsl(190,40%,32%) |
#313B71 |
rgb(49,59,113) |
hsl(231,40%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#387583 |
rgb(56,117,131) |
hsl(191,40%,37%) |
#316671 |
rgb(49,102,113) |
hsl(190,40%,32%) |
#29575E |
rgb(41,87,94) |
hsl(188,39%,26%) |
#21454C |
rgb(33,69,76) |
hsl(190,39%,21%) |
#19363A |
rgb(25,54,58) |
hsl(187,40%,16%) |
#112428 |
rgb(17,36,40) |
hsl(190,40%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#316671 |
rgb(49,102,113) |
hsl(190,40%,32%) |
#713046 |
rgb(113,48,70) |
hsl(340,40%,32%) |
#715C31 |
rgb(113,92,49) |
hsl(40,40%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316671 |
rgb(49,102,113) |
hsl(190,40%,32%) |
#713D31 |
rgb(113,61,49) |
hsl(11,40%,32%) |
#31705C |
rgb(49,112,92) |
hsl(161,39%,32%) |
#715C31 |
rgb(113,92,49) |
hsl(40,40%,32%) |