HEX #316672 color — Casal
The color #316672 is a dark shade and moderately saturated.
Palette
316672 color palette from light to dark
HEX |
RGB |
HSL |
#f4f9fa |
rgb(244,249,250) |
hsl(191,40%,97%) |
#e2f0f3 |
rgb(226,240,243) |
hsl(191,40%,92%) |
#d1e6eb |
rgb(209,230,235) |
hsl(191,40%,87%) |
#bfdde3 |
rgb(191,221,227) |
hsl(191,40%,82%) |
#add3dc |
rgb(173,211,220) |
hsl(191,40%,77%) |
#9bcad4 |
rgb(155,202,212) |
hsl(191,40%,72%) |
#89c0cd |
rgb(137,192,205) |
hsl(191,40%,67%) |
#77b7c5 |
rgb(119,183,197) |
hsl(191,40%,62%) |
#65adbd |
rgb(101,173,189) |
hsl(191,40%,57%) |
#54a4b6 |
rgb(84,164,182) |
hsl(191,40%,52%) |
#4896a8 |
rgb(72,150,168) |
hsl(191,40%,47%) |
#408696 |
rgb(64,134,150) |
hsl(191,40%,42%) |
#397684 |
rgb(57,118,132) |
hsl(191,40%,37%) |
#316672 |
rgb(49,102,114) |
hsl(191,40%,32%) |
#295660 |
rgb(41,86,96) |
hsl(191,40%,27%) |
#22464f |
rgb(34,70,79) |
hsl(191,40%,22%) |
#1a363d |
rgb(26,54,61) |
hsl(191,40%,17%) |
#12262b |
rgb(18,38,43) |
hsl(191,40%,12%) |
#0b1619 |
rgb(11,22,25) |
hsl(191,40%,7%) |
#030607 |
rgb(3,6,7) |
hsl(191,40%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#317352 |
rgb(49,115,82) |
hsl(150,40%,32%) |
#316672 |
rgb(49,102,114) |
hsl(191,40%,32%) |
#313B72 |
rgb(49,59,114) |
hsl(231,40%,32%) |
Monochromatic colors
HEX |
RGB |
HSL |
#387584 |
rgb(56,117,132) |
hsl(192,40%,37%) |
#316672 |
rgb(49,102,114) |
hsl(191,40%,32%) |
#29575F |
rgb(41,87,95) |
hsl(189,40%,27%) |
#21454D |
rgb(33,69,77) |
hsl(191,40%,22%) |
#19363B |
rgb(25,54,59) |
hsl(189,40%,16%) |
#112429 |
rgb(17,36,41) |
hsl(193,41%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#316672 |
rgb(49,102,114) |
hsl(191,40%,32%) |
#723045 |
rgb(114,48,69) |
hsl(341,41%,32%) |
#725E31 |
rgb(114,94,49) |
hsl(42,40%,32%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316672 |
rgb(49,102,114) |
hsl(191,40%,32%) |
#723D31 |
rgb(114,61,49) |
hsl(11,40%,32%) |
#31735D |
rgb(49,115,93) |
hsl(160,40%,32%) |
#725E31 |
rgb(114,94,49) |
hsl(42,40%,32%) |