HEX #4B63D2 color — Indigo
The color #4B63D2 is a dark shade and moderately saturated.
Palette
4B63D2 color palette from light to dark
HEX |
RGB |
HSL |
#eff1fb |
rgb(239,241,251) |
hsl(229,60%,96%) |
#dadff6 |
rgb(218,223,246) |
hsl(229,60%,91%) |
#c6cef1 |
rgb(198,206,241) |
hsl(229,60%,86%) |
#b1bcec |
rgb(177,188,236) |
hsl(229,60%,81%) |
#9dabe7 |
rgb(157,171,231) |
hsl(229,60%,76%) |
#8999e1 |
rgb(137,153,225) |
hsl(229,60%,71%) |
#7487dc |
rgb(116,135,220) |
hsl(229,60%,66%) |
#6076d7 |
rgb(96,118,215) |
hsl(229,60%,61%) |
#4b64d2 |
rgb(75,100,210) |
hsl(229,60%,56%) |
#3753cd |
rgb(55,83,205) |
hsl(229,60%,51%) |
#2f49bc |
rgb(47,73,188) |
hsl(229,60%,46%) |
#2a41a7 |
rgb(42,65,167) |
hsl(229,60%,41%) |
#253993 |
rgb(37,57,147) |
hsl(229,60%,36%) |
#20317e |
rgb(32,49,126) |
hsl(229,60%,31%) |
#1b296a |
rgb(27,41,106) |
hsl(229,60%,26%) |
#152156 |
rgb(21,33,86) |
hsl(229,60%,21%) |
#101941 |
rgb(16,25,65) |
hsl(229,60%,16%) |
#0b112d |
rgb(11,17,45) |
hsl(229,60%,11%) |
#060918 |
rgb(6,9,24) |
hsl(229,60%,6%) |
#010204 |
rgb(1,2,4) |
hsl(229,60%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#4BBDD2 |
rgb(75,189,210) |
hsl(189,60%,56%) |
#4B63D2 |
rgb(75,99,210) |
hsl(229,60%,56%) |
#8D4AD2 |
rgb(141,74,210) |
hsl(270,60%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#93A3E4 |
rgb(147,163,228) |
hsl(228,60%,74%) |
#6F82DB |
rgb(111,130,219) |
hsl(229,60%,65%) |
#4B63D2 |
rgb(75,99,210) |
hsl(229,60%,56%) |
#2F4ABF |
rgb(47,74,191) |
hsl(229,61%,47%) |
#263B9B |
rgb(38,59,155) |
hsl(229,61%,38%) |
#1D2E76 |
rgb(29,46,118) |
hsl(229,61%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#4B63D2 |
rgb(75,99,210) |
hsl(229,60%,56%) |
#D2754B |
rgb(210,117,75) |
hsl(19,60%,56%) |
#A6D14B |
rgb(166,209,75) |
hsl(79,59%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4B63D2 |
rgb(75,99,210) |
hsl(229,60%,56%) |
#D2BA4B |
rgb(210,186,75) |
hsl(49,60%,56%) |
#4BA6D2 |
rgb(75,166,210) |
hsl(200,60%,56%) |
#A6D14B |
rgb(166,209,75) |
hsl(79,59%,56%) |