HEX #5171D2 color — Indigo
The color #5171d2 is a dark shade and moderately saturated.
Palette
5171d2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(225,59%,97%) |
#dfe5f7 |
rgb(223,229,247) |
hsl(225,59%,92%) |
#cad4f1 |
rgb(202,212,241) |
hsl(225,59%,87%) |
#b6c4ec |
rgb(182,196,236) |
hsl(225,59%,82%) |
#a2b3e7 |
rgb(162,179,231) |
hsl(225,59%,77%) |
#8da3e2 |
rgb(141,163,226) |
hsl(225,59%,72%) |
#7992dc |
rgb(121,146,220) |
hsl(225,59%,67%) |
#6582d7 |
rgb(101,130,215) |
hsl(225,59%,62%) |
#5171d2 |
rgb(81,113,210) |
hsl(225,59%,57%) |
#3c60cd |
rgb(60,96,205) |
hsl(225,59%,52%) |
#3154bf |
rgb(49,84,191) |
hsl(225,59%,47%) |
#2c4caa |
rgb(44,76,170) |
hsl(225,59%,42%) |
#274396 |
rgb(39,67,150) |
hsl(225,59%,37%) |
#213a82 |
rgb(33,58,130) |
hsl(225,59%,32%) |
#1c316d |
rgb(28,49,109) |
hsl(225,59%,27%) |
#172859 |
rgb(23,40,89) |
hsl(225,59%,22%) |
#121f45 |
rgb(18,31,69) |
hsl(225,59%,17%) |
#0d1631 |
rgb(13,22,49) |
hsl(225,59%,12%) |
#070d1c |
rgb(7,13,28) |
hsl(225,59%,7%) |
#020408 |
rgb(2,4,8) |
hsl(225,59%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#51C7D2 |
rgb(81,199,210) |
hsl(185,59%,57%) |
#5171D2 |
rgb(81,113,210) |
hsl(225,59%,57%) |
#8752D2 |
rgb(135,82,210) |
hsl(265,59%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9AADE5 |
rgb(154,173,229) |
hsl(225,59%,75%) |
#758FDB |
rgb(117,143,219) |
hsl(225,59%,66%) |
#5171D2 |
rgb(81,113,210) |
hsl(225,59%,57%) |
#3257C2 |
rgb(50,87,194) |
hsl(225,59%,48%) |
#28459D |
rgb(40,69,157) |
hsl(225,59%,39%) |
#1F3678 |
rgb(31,54,120) |
hsl(224,59%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5171D2 |
rgb(81,113,210) |
hsl(225,59%,57%) |
#D27351 |
rgb(210,115,81) |
hsl(16,59%,57%) |
#B1D151 |
rgb(177,209,81) |
hsl(75,58%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5171D2 |
rgb(81,113,210) |
hsl(225,59%,57%) |
#D2B351 |
rgb(210,179,81) |
hsl(46,59%,57%) |
#51B3D2 |
rgb(81,179,210) |
hsl(194,59%,57%) |
#B1D151 |
rgb(177,209,81) |
hsl(75,58%,57%) |