HEX #4566C4 color — Indigo
The color #4566C4 is a dark shade and moderately saturated.
Palette
4566C4 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fb |
rgb(243,245,251) |
hsl(224,52%,97%) |
#e0e6f5 |
rgb(224,230,245) |
hsl(224,52%,92%) |
#cdd6ef |
rgb(205,214,239) |
hsl(224,52%,87%) |
#b9c6e9 |
rgb(185,198,233) |
hsl(224,52%,82%) |
#a6b6e3 |
rgb(166,182,227) |
hsl(224,52%,77%) |
#92a6dd |
rgb(146,166,221) |
hsl(224,52%,72%) |
#7f96d7 |
rgb(127,150,215) |
hsl(224,52%,67%) |
#6c87d0 |
rgb(108,135,208) |
hsl(224,52%,62%) |
#5877ca |
rgb(88,119,202) |
hsl(224,52%,57%) |
#4567c4 |
rgb(69,103,196) |
hsl(224,52%,52%) |
#3a5bb6 |
rgb(58,91,182) |
hsl(224,52%,47%) |
#3351a3 |
rgb(51,81,163) |
hsl(224,52%,42%) |
#2d478f |
rgb(45,71,143) |
hsl(224,52%,37%) |
#273e7c |
rgb(39,62,124) |
hsl(224,52%,32%) |
#213469 |
rgb(33,52,105) |
hsl(224,52%,27%) |
#1b2a55 |
rgb(27,42,85) |
hsl(224,52%,22%) |
#152142 |
rgb(21,33,66) |
hsl(224,52%,17%) |
#0f172f |
rgb(15,23,47) |
hsl(224,52%,12%) |
#090e1b |
rgb(9,14,27) |
hsl(224,52%,7%) |
#020408 |
rgb(2,4,8) |
hsl(224,52%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#45BAC4 |
rgb(69,186,196) |
hsl(185,52%,52%) |
#4566C4 |
rgb(69,102,196) |
hsl(224,52%,52%) |
#7845C4 |
rgb(120,69,196) |
hsl(264,52%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#859CD8 |
rgb(133,156,216) |
hsl(223,52%,68%) |
#6580CE |
rgb(101,128,206) |
hsl(225,52%,60%) |
#4566C4 |
rgb(69,102,196) |
hsl(224,52%,52%) |
#3554A8 |
rgb(53,84,168) |
hsl(224,52%,43%) |
#2B4588 |
rgb(43,69,136) |
hsl(223,52%,35%) |
#213368 |
rgb(33,51,104) |
hsl(225,52%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#4566C4 |
rgb(69,102,196) |
hsl(224,52%,52%) |
#C46345 |
rgb(196,99,69) |
hsl(14,52%,52%) |
#A5C445 |
rgb(165,196,69) |
hsl(75,52%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4566C4 |
rgb(69,102,196) |
hsl(224,52%,52%) |
#C4A345 |
rgb(196,163,69) |
hsl(44,52%,52%) |
#45A6C4 |
rgb(69,166,196) |
hsl(194,52%,52%) |
#A5C445 |
rgb(165,196,69) |
hsl(75,52%,52%) |