HEX #5166D2 color — Indigo
The color #5166d2 is a dark shade and moderately saturated.
Palette
5166d2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f4fc |
rgb(243,244,252) |
hsl(230,59%,97%) |
#dfe3f7 |
rgb(223,227,247) |
hsl(230,59%,92%) |
#cad1f1 |
rgb(202,209,241) |
hsl(230,59%,87%) |
#b6bfec |
rgb(182,191,236) |
hsl(230,59%,82%) |
#a2ade7 |
rgb(162,173,231) |
hsl(230,59%,77%) |
#8d9ce2 |
rgb(141,156,226) |
hsl(230,59%,72%) |
#798adc |
rgb(121,138,220) |
hsl(230,59%,67%) |
#6578d7 |
rgb(101,120,215) |
hsl(230,59%,62%) |
#5166d2 |
rgb(81,102,210) |
hsl(230,59%,57%) |
#3c54cd |
rgb(60,84,205) |
hsl(230,59%,52%) |
#3149bf |
rgb(49,73,191) |
hsl(230,59%,47%) |
#2c41aa |
rgb(44,65,170) |
hsl(230,59%,42%) |
#273996 |
rgb(39,57,150) |
hsl(230,59%,37%) |
#213282 |
rgb(33,50,130) |
hsl(230,59%,32%) |
#1c2a6d |
rgb(28,42,109) |
hsl(230,59%,27%) |
#172259 |
rgb(23,34,89) |
hsl(230,59%,22%) |
#121a45 |
rgb(18,26,69) |
hsl(230,59%,17%) |
#0d1331 |
rgb(13,19,49) |
hsl(230,59%,12%) |
#070b1c |
rgb(7,11,28) |
hsl(230,59%,7%) |
#020308 |
rgb(2,3,8) |
hsl(230,59%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#51BDD2 |
rgb(81,189,210) |
hsl(190,59%,57%) |
#5166D2 |
rgb(81,102,210) |
hsl(230,59%,57%) |
#9252D2 |
rgb(146,82,210) |
hsl(270,59%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9AA8E5 |
rgb(154,168,229) |
hsl(229,59%,75%) |
#7587DB |
rgb(117,135,219) |
hsl(229,59%,66%) |
#5166D2 |
rgb(81,102,210) |
hsl(230,59%,57%) |
#324AC2 |
rgb(50,74,194) |
hsl(230,59%,48%) |
#283B9D |
rgb(40,59,157) |
hsl(230,59%,39%) |
#1F2E78 |
rgb(31,46,120) |
hsl(230,59%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5166D2 |
rgb(81,102,210) |
hsl(230,59%,57%) |
#D27D51 |
rgb(210,125,81) |
hsl(20,59%,57%) |
#A6D151 |
rgb(166,209,81) |
hsl(80,58%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5166D2 |
rgb(81,102,210) |
hsl(230,59%,57%) |
#D2BD51 |
rgb(210,189,81) |
hsl(50,59%,57%) |
#51A6D2 |
rgb(81,166,210) |
hsl(200,59%,57%) |
#A6D151 |
rgb(166,209,81) |
hsl(80,58%,57%) |