HEX #4278C7 color — Indigo
The color #4278C7 is a dark shade and moderately saturated.
Palette
4278C7 color palette from light to dark
HEX |
RGB |
HSL |
#f3f7fb |
rgb(243,247,251) |
hsl(216,54%,97%) |
#e0e8f6 |
rgb(224,232,246) |
hsl(216,54%,92%) |
#ccdaf0 |
rgb(204,218,240) |
hsl(216,54%,87%) |
#b8ccea |
rgb(184,204,234) |
hsl(216,54%,82%) |
#a5bee4 |
rgb(165,190,228) |
hsl(216,54%,77%) |
#91b0de |
rgb(145,176,222) |
hsl(216,54%,72%) |
#7da2d8 |
rgb(125,162,216) |
hsl(216,54%,67%) |
#6a94d2 |
rgb(106,148,210) |
hsl(216,54%,62%) |
#5686cd |
rgb(86,134,205) |
hsl(216,54%,57%) |
#4377c7 |
rgb(67,119,199) |
hsl(216,54%,52%) |
#376bb9 |
rgb(55,107,185) |
hsl(216,54%,47%) |
#3160a5 |
rgb(49,96,165) |
hsl(216,54%,42%) |
#2b5491 |
rgb(43,84,145) |
hsl(216,54%,37%) |
#26497e |
rgb(38,73,126) |
hsl(216,54%,32%) |
#203d6a |
rgb(32,61,106) |
hsl(216,54%,27%) |
#1a3256 |
rgb(26,50,86) |
hsl(216,54%,22%) |
#142743 |
rgb(20,39,67) |
hsl(216,54%,17%) |
#0e1b2f |
rgb(14,27,47) |
hsl(216,54%,12%) |
#08101b |
rgb(8,16,27) |
hsl(216,54%,7%) |
#020508 |
rgb(2,5,8) |
hsl(216,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#42C7BD |
rgb(66,199,189) |
hsl(175,54%,52%) |
#4278C7 |
rgb(66,120,199) |
hsl(216,54%,52%) |
#6442C7 |
rgb(100,66,199) |
hsl(255,54%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#83A6DA |
rgb(131,166,218) |
hsl(216,54%,68%) |
#628FD0 |
rgb(98,143,208) |
hsl(215,54%,60%) |
#4278C7 |
rgb(66,120,199) |
hsl(216,54%,52%) |
#3263AB |
rgb(50,99,171) |
hsl(216,55%,43%) |
#29528B |
rgb(41,82,139) |
hsl(215,54%,35%) |
#1F3D6A |
rgb(31,61,106) |
hsl(216,55%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#4278C7 |
rgb(66,120,199) |
hsl(216,54%,52%) |
#C74F42 |
rgb(199,79,66) |
hsl(6,54%,52%) |
#BAC742 |
rgb(186,199,66) |
hsl(66,54%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4278C7 |
rgb(66,120,199) |
hsl(216,54%,52%) |
#C79142 |
rgb(199,145,66) |
hsl(36,54%,52%) |
#42BAC7 |
rgb(66,186,199) |
hsl(186,54%,52%) |
#BAC742 |
rgb(186,199,66) |
hsl(66,54%,52%) |