HEX #4F78BF color — Indigo
The color #4F78BF is a dark shade and moderately saturated.
Palette
4F78BF color palette from light to dark
HEX |
RGB |
HSL |
#f8f9fc |
rgb(248,249,252) |
hsl(218,47%,98%) |
#e5ebf6 |
rgb(229,235,246) |
hsl(218,47%,93%) |
#d2ddef |
rgb(210,221,239) |
hsl(218,47%,88%) |
#bfcee8 |
rgb(191,206,232) |
hsl(218,47%,83%) |
#adc0e1 |
rgb(173,192,225) |
hsl(218,47%,78%) |
#9ab2db |
rgb(154,178,219) |
hsl(218,47%,73%) |
#87a3d4 |
rgb(135,163,212) |
hsl(218,47%,68%) |
#7495cd |
rgb(116,149,205) |
hsl(218,47%,63%) |
#6286c6 |
rgb(98,134,198) |
hsl(218,47%,58%) |
#4f78bf |
rgb(79,120,191) |
hsl(218,47%,53%) |
#416bb4 |
rgb(65,107,180) |
hsl(218,47%,48%) |
#3a60a1 |
rgb(58,96,161) |
hsl(218,47%,43%) |
#33558e |
rgb(51,85,142) |
hsl(218,47%,38%) |
#2d4a7c |
rgb(45,74,124) |
hsl(218,47%,33%) |
#263e69 |
rgb(38,62,105) |
hsl(218,47%,28%) |
#1f3356 |
rgb(31,51,86) |
hsl(218,47%,23%) |
#182843 |
rgb(24,40,67) |
hsl(218,47%,18%) |
#121d31 |
rgb(18,29,49) |
hsl(218,47%,13%) |
#0b121e |
rgb(11,18,30) |
hsl(218,47%,8%) |
#04070b |
rgb(4,7,11) |
hsl(218,47%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#4FBFBB |
rgb(79,191,187) |
hsl(178,47%,53%) |
#4F78BF |
rgb(79,120,191) |
hsl(218,47%,53%) |
#704FBF |
rgb(112,79,191) |
hsl(258,47%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8EA8D6 |
rgb(142,168,214) |
hsl(218,47%,70%) |
#6E91CA |
rgb(110,145,202) |
hsl(217,46%,61%) |
#4F78BF |
rgb(79,120,191) |
hsl(218,47%,53%) |
#3C63A6 |
rgb(60,99,166) |
hsl(218,47%,44%) |
#305286 |
rgb(48,82,134) |
hsl(216,47%,36%) |
#253D66 |
rgb(37,61,102) |
hsl(218,47%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#4F78BF |
rgb(79,120,191) |
hsl(218,47%,53%) |
#BF5E4F |
rgb(191,94,79) |
hsl(8,47%,53%) |
#B0BF4F |
rgb(176,191,79) |
hsl(68,47%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4F78BF |
rgb(79,120,191) |
hsl(218,47%,53%) |
#BF964F |
rgb(191,150,79) |
hsl(38,47%,53%) |
#4FB0BF |
rgb(79,176,191) |
hsl(188,47%,53%) |
#B0BF4F |
rgb(176,191,79) |
hsl(68,47%,53%) |