HEX #196CA4 color — Matisse
The color #196ca4 is a dark shade and highly saturated.
Palette
196ca4 color palette from light to dark
HEX |
RGB |
HSL |
#f2f8fd |
rgb(242,248,253) |
hsl(204,74%,97%) |
#dceefa |
rgb(220,238,250) |
hsl(204,74%,92%) |
#c5e3f6 |
rgb(197,227,246) |
hsl(204,74%,87%) |
#afd8f3 |
rgb(175,216,243) |
hsl(204,74%,82%) |
#99cdf0 |
rgb(153,205,240) |
hsl(204,74%,77%) |
#83c2ec |
rgb(131,194,236) |
hsl(204,74%,72%) |
#6db7e9 |
rgb(109,183,233) |
hsl(204,74%,67%) |
#56ace6 |
rgb(86,172,230) |
hsl(204,74%,62%) |
#40a2e2 |
rgb(64,162,226) |
hsl(204,74%,57%) |
#2a97df |
rgb(42,151,223) |
hsl(204,74%,52%) |
#1f8ad1 |
rgb(31,138,209) |
hsl(204,74%,47%) |
#1c7bba |
rgb(28,123,186) |
hsl(204,74%,42%) |
#196ca4 |
rgb(25,108,164) |
hsl(204,74%,37%) |
#155e8e |
rgb(21,94,142) |
hsl(204,74%,32%) |
#124f78 |
rgb(18,79,120) |
hsl(204,74%,27%) |
#0f4062 |
rgb(15,64,98) |
hsl(204,74%,22%) |
#0b324b |
rgb(11,50,75) |
hsl(204,74%,17%) |
#082335 |
rgb(8,35,53) |
hsl(204,74%,12%) |
#05141f |
rgb(5,20,31) |
hsl(204,74%,7%) |
#010609 |
rgb(1,6,9) |
hsl(204,74%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#19A37F |
rgb(25,163,127) |
hsl(164,73%,37%) |
#196CA4 |
rgb(25,108,164) |
hsl(204,74%,37%) |
#221AA4 |
rgb(34,26,164) |
hsl(243,73%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#1D7DBE |
rgb(29,125,190) |
hsl(204,74%,43%) |
#196CA4 |
rgb(25,108,164) |
hsl(204,74%,37%) |
#155C89 |
rgb(21,92,137) |
hsl(203,73%,31%) |
#114A6F |
rgb(17,74,111) |
hsl(204,73%,25%) |
#0D3855 |
rgb(13,56,85) |
hsl(204,73%,19%) |
#09263B |
rgb(9,38,59) |
hsl(205,74%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#196CA4 |
rgb(25,108,164) |
hsl(204,74%,37%) |
#A41A26 |
rgb(164,26,38) |
hsl(355,73%,37%) |
#A49619 |
rgb(164,150,25) |
hsl(54,74%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#196CA4 |
rgb(25,108,164) |
hsl(204,74%,37%) |
#A45219 |
rgb(164,82,25) |
hsl(25,74%,37%) |
#19A396 |
rgb(25,163,150) |
hsl(174,73%,37%) |
#A49619 |
rgb(164,150,25) |
hsl(54,74%,37%) |