HEX #5063D2 color — Indigo
The color #5063D2 is a dark shade and moderately saturated.
Palette
5063D2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f4fc |
rgb(243,244,252) |
hsl(231,59%,97%) |
#dfe2f7 |
rgb(223,226,247) |
hsl(231,59%,92%) |
#cad0f1 |
rgb(202,208,241) |
hsl(231,59%,87%) |
#b6beec |
rgb(182,190,236) |
hsl(231,59%,82%) |
#a2ace7 |
rgb(162,172,231) |
hsl(231,59%,77%) |
#8d9ae2 |
rgb(141,154,226) |
hsl(231,59%,72%) |
#7988dc |
rgb(121,136,220) |
hsl(231,59%,67%) |
#6576d7 |
rgb(101,118,215) |
hsl(231,59%,62%) |
#5164d2 |
rgb(81,100,210) |
hsl(231,59%,57%) |
#3c52cd |
rgb(60,82,205) |
hsl(231,59%,52%) |
#3146bf |
rgb(49,70,191) |
hsl(231,59%,47%) |
#2c3faa |
rgb(44,63,170) |
hsl(231,59%,42%) |
#273796 |
rgb(39,55,150) |
hsl(231,59%,37%) |
#213082 |
rgb(33,48,130) |
hsl(231,59%,32%) |
#1c286d |
rgb(28,40,109) |
hsl(231,59%,27%) |
#172159 |
rgb(23,33,89) |
hsl(231,59%,22%) |
#121945 |
rgb(18,25,69) |
hsl(231,59%,17%) |
#0d1231 |
rgb(13,18,49) |
hsl(231,59%,12%) |
#070a1c |
rgb(7,10,28) |
hsl(231,59%,7%) |
#020308 |
rgb(2,3,8) |
hsl(231,59%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#50BAD2 |
rgb(80,186,210) |
hsl(191,59%,57%) |
#5063D2 |
rgb(80,99,210) |
hsl(231,59%,57%) |
#934FD2 |
rgb(147,79,210) |
hsl(271,59%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#99A6E4 |
rgb(153,166,228) |
hsl(230,58%,75%) |
#7485DB |
rgb(116,133,219) |
hsl(230,59%,66%) |
#5063D2 |
rgb(80,99,210) |
hsl(231,59%,57%) |
#3147C1 |
rgb(49,71,193) |
hsl(231,60%,47%) |
#28389C |
rgb(40,56,156) |
hsl(232,59%,38%) |
#1E2B77 |
rgb(30,43,119) |
hsl(231,60%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5063D2 |
rgb(80,99,210) |
hsl(231,59%,57%) |
#D27D50 |
rgb(210,125,80) |
hsl(21,59%,57%) |
#A4D150 |
rgb(164,209,80) |
hsl(81,58%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5063D2 |
rgb(80,99,210) |
hsl(231,59%,57%) |
#D2BF50 |
rgb(210,191,80) |
hsl(51,59%,57%) |
#50A3D2 |
rgb(80,163,210) |
hsl(202,59%,57%) |
#A4D150 |
rgb(164,209,80) |
hsl(81,58%,57%) |