HEX #648CAA color — Horizon
The color #648CAA is a light shade and slightly desaturated.
Palette
648CAA color palette from light to dark
HEX |
RGB |
HSL |
#f8fafb |
rgb(248,250,251) |
hsl(206,29%,98%) |
#e8eef2 |
rgb(232,238,242) |
hsl(206,29%,93%) |
#d8e2e9 |
rgb(216,226,233) |
hsl(206,29%,88%) |
#c7d5e0 |
rgb(199,213,224) |
hsl(206,29%,83%) |
#b7c9d7 |
rgb(183,201,215) |
hsl(206,29%,78%) |
#a6bdce |
rgb(166,189,206) |
hsl(206,29%,73%) |
#96b1c5 |
rgb(150,177,197) |
hsl(206,29%,68%) |
#85a4bc |
rgb(133,164,188) |
hsl(206,29%,63%) |
#7598b3 |
rgb(117,152,179) |
hsl(206,29%,58%) |
#648caa |
rgb(100,140,170) |
hsl(206,29%,53%) |
#577f9e |
rgb(87,127,158) |
hsl(206,29%,48%) |
#4e728d |
rgb(78,114,141) |
hsl(206,29%,43%) |
#45657d |
rgb(69,101,125) |
hsl(206,29%,38%) |
#3c576d |
rgb(60,87,109) |
hsl(206,29%,33%) |
#334a5c |
rgb(51,74,92) |
hsl(206,29%,28%) |
#2a3d4c |
rgb(42,61,76) |
hsl(206,29%,23%) |
#21303b |
rgb(33,48,59) |
hsl(206,29%,18%) |
#18222b |
rgb(24,34,43) |
hsl(206,29%,13%) |
#0e151a |
rgb(14,21,26) |
hsl(206,29%,8%) |
#05080a |
rgb(5,8,10) |
hsl(206,29%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#64AB99 |
rgb(100,171,153) |
hsl(165,30%,53%) |
#648CAA |
rgb(100,140,170) |
hsl(206,29%,53%) |
#6A63AA |
rgb(106,99,170) |
hsl(246,29%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9BB5C8 |
rgb(155,181,200) |
hsl(205,29%,70%) |
#7FA1B9 |
rgb(127,161,185) |
hsl(205,29%,61%) |
#648CAA |
rgb(100,140,170) |
hsl(206,29%,53%) |
#507592 |
rgb(80,117,146) |
hsl(206,29%,44%) |
#416176 |
rgb(65,97,118) |
hsl(204,29%,36%) |
#314A5A |
rgb(49,74,90) |
hsl(203,29%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#648CAA |
rgb(100,140,170) |
hsl(206,29%,53%) |
#AA6369 |
rgb(170,99,105) |
hsl(355,29%,53%) |
#AAA664 |
rgb(170,166,100) |
hsl(57,29%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#648CAA |
rgb(100,140,170) |
hsl(206,29%,53%) |
#AA8264 |
rgb(170,130,100) |
hsl(26,29%,53%) |
#64ABA5 |
rgb(100,171,165) |
hsl(175,30%,53%) |
#AAA664 |
rgb(170,166,100) |
hsl(57,29%,53%) |