HEX #5066D2 color — Indigo
The color #5066D2 is a dark shade and moderately saturated.
Palette
5066D2 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 |
#50BDD2 |
rgb(80,189,210) |
hsl(190,59%,57%) |
#5066D2 |
rgb(80,102,210) |
hsl(230,59%,57%) |
#904FD2 |
rgb(144,79,210) |
hsl(270,59%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#99A6E4 |
rgb(153,166,228) |
hsl(230,58%,75%) |
#7487DB |
rgb(116,135,219) |
hsl(229,59%,66%) |
#5066D2 |
rgb(80,102,210) |
hsl(230,59%,57%) |
#314AC1 |
rgb(49,74,193) |
hsl(230,60%,47%) |
#283D9C |
rgb(40,61,156) |
hsl(229,59%,38%) |
#1E2E77 |
rgb(30,46,119) |
hsl(229,60%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5066D2 |
rgb(80,102,210) |
hsl(230,59%,57%) |
#D27A50 |
rgb(210,122,80) |
hsl(19,59%,57%) |
#A7D150 |
rgb(167,209,80) |
hsl(80,58%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5066D2 |
rgb(80,102,210) |
hsl(230,59%,57%) |
#D2BD50 |
rgb(210,189,80) |
hsl(50,59%,57%) |
#50A6D2 |
rgb(80,166,210) |
hsl(200,59%,57%) |
#A7D150 |
rgb(167,209,80) |
hsl(80,58%,57%) |