HEX #186BA2 color — Matisse
The color #186BA2 is a dark shade and highly saturated.
Palette
186BA2 color palette from light to dark
HEX |
RGB |
HSL |
#edf6fc |
rgb(237,246,252) |
hsl(204,74%,96%) |
#d7ebf9 |
rgb(215,235,249) |
hsl(204,74%,91%) |
#c1e1f6 |
rgb(193,225,246) |
hsl(204,74%,86%) |
#abd6f2 |
rgb(171,214,242) |
hsl(204,74%,81%) |
#95cbef |
rgb(149,203,239) |
hsl(204,74%,76%) |
#7ec0ec |
rgb(126,192,236) |
hsl(204,74%,71%) |
#68b5e8 |
rgb(104,181,232) |
hsl(204,74%,66%) |
#52aae5 |
rgb(82,170,229) |
hsl(204,74%,61%) |
#3c9fe2 |
rgb(60,159,226) |
hsl(204,74%,56%) |
#2695df |
rgb(38,149,223) |
hsl(204,74%,51%) |
#1e87cc |
rgb(30,135,204) |
hsl(204,74%,46%) |
#1b78b6 |
rgb(27,120,182) |
hsl(204,74%,41%) |
#1869a0 |
rgb(24,105,160) |
hsl(204,74%,36%) |
#155b8a |
rgb(21,91,138) |
hsl(204,74%,31%) |
#114c73 |
rgb(17,76,115) |
hsl(204,74%,26%) |
#0e3d5d |
rgb(14,61,93) |
hsl(204,74%,21%) |
#0b2f47 |
rgb(11,47,71) |
hsl(204,74%,16%) |
#072031 |
rgb(7,32,49) |
hsl(204,74%,11%) |
#04121b |
rgb(4,18,27) |
hsl(204,74%,6%) |
#010304 |
rgb(1,3,4) |
hsl(204,74%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#18A37D |
rgb(24,163,125) |
hsl(164,74%,37%) |
#186BA2 |
rgb(24,107,162) |
hsl(204,74%,36%) |
#2117A2 |
rgb(33,23,162) |
hsl(244,75%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#1B7DBB |
rgb(27,125,187) |
hsl(203,75%,42%) |
#186BA2 |
rgb(24,107,162) |
hsl(204,74%,36%) |
#145988 |
rgb(20,89,136) |
hsl(204,74%,31%) |
#104A6E |
rgb(16,74,110) |
hsl(203,75%,25%) |
#0C3854 |
rgb(12,56,84) |
hsl(203,75%,19%) |
#08263A |
rgb(8,38,58) |
hsl(204,76%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#186BA2 |
rgb(24,107,162) |
hsl(204,74%,36%) |
#A21726 |
rgb(162,23,38) |
hsl(354,75%,36%) |
#A29418 |
rgb(162,148,24) |
hsl(54,74%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#186BA2 |
rgb(24,107,162) |
hsl(204,74%,36%) |
#A24F18 |
rgb(162,79,24) |
hsl(24,74%,36%) |
#18A394 |
rgb(24,163,148) |
hsl(174,74%,37%) |
#A29418 |
rgb(162,148,24) |
hsl(54,74%,36%) |