HEX #186BA5 color — Matisse
The color #186BA5 is a dark shade and highly saturated.
Palette
186BA5 color palette from light to dark
HEX |
RGB |
HSL |
#f2f8fd |
rgb(242,248,253) |
hsl(205,75%,97%) |
#dbedfa |
rgb(219,237,250) |
hsl(205,75%,92%) |
#c5e2f7 |
rgb(197,226,247) |
hsl(205,75%,87%) |
#afd7f4 |
rgb(175,215,244) |
hsl(205,75%,82%) |
#98ccf0 |
rgb(152,204,240) |
hsl(205,75%,77%) |
#82c1ed |
rgb(130,193,237) |
hsl(205,75%,72%) |
#6cb5ea |
rgb(108,181,234) |
hsl(205,75%,67%) |
#55aae7 |
rgb(85,170,231) |
hsl(205,75%,62%) |
#3f9fe4 |
rgb(63,159,228) |
hsl(205,75%,57%) |
#2994e0 |
rgb(41,148,224) |
hsl(205,75%,52%) |
#1e87d2 |
rgb(30,135,210) |
hsl(205,75%,47%) |
#1b78bb |
rgb(27,120,187) |
hsl(205,75%,42%) |
#186aa5 |
rgb(24,106,165) |
hsl(205,75%,37%) |
#145c8f |
rgb(20,92,143) |
hsl(205,75%,32%) |
#114d78 |
rgb(17,77,120) |
hsl(205,75%,27%) |
#0e3f62 |
rgb(14,63,98) |
hsl(205,75%,22%) |
#0b314c |
rgb(11,49,76) |
hsl(205,75%,17%) |
#082236 |
rgb(8,34,54) |
hsl(205,75%,12%) |
#04141f |
rgb(4,20,31) |
hsl(205,75%,7%) |
#010609 |
rgb(1,6,9) |
hsl(205,75%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#18A681 |
rgb(24,166,129) |
hsl(164,75%,37%) |
#186BA5 |
rgb(24,107,165) |
hsl(205,75%,37%) |
#2317A5 |
rgb(35,23,165) |
hsl(245,76%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#1B7DBF |
rgb(27,125,191) |
hsl(204,75%,43%) |
#186BA5 |
rgb(24,107,165) |
hsl(205,75%,37%) |
#14598A |
rgb(20,89,138) |
hsl(205,75%,31%) |
#104A70 |
rgb(16,74,112) |
hsl(204,75%,25%) |
#0C3855 |
rgb(12,56,85) |
hsl(204,75%,19%) |
#08263B |
rgb(8,38,59) |
hsl(205,76%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#186BA5 |
rgb(24,107,165) |
hsl(205,75%,37%) |
#A51724 |
rgb(165,23,36) |
hsl(355,76%,37%) |
#A59918 |
rgb(165,153,24) |
hsl(55,75%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#186BA5 |
rgb(24,107,165) |
hsl(205,75%,37%) |
#A55218 |
rgb(165,82,24) |
hsl(25,75%,37%) |
#18A698 |
rgb(24,166,152) |
hsl(174,75%,37%) |
#A59918 |
rgb(165,153,24) |
hsl(55,75%,37%) |