HEX #5070D3 color — Indigo
The color #5070D3 is a dark shade and moderately saturated.
Palette
5070D3 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(225,60%,97%) |
#dee4f7 |
rgb(222,228,247) |
hsl(225,60%,92%) |
#cad4f2 |
rgb(202,212,242) |
hsl(225,60%,87%) |
#b6c3ed |
rgb(182,195,237) |
hsl(225,60%,82%) |
#a1b3e8 |
rgb(161,179,232) |
hsl(225,60%,77%) |
#8da2e2 |
rgb(141,162,226) |
hsl(225,60%,72%) |
#7892dd |
rgb(120,146,221) |
hsl(225,60%,67%) |
#6481d8 |
rgb(100,129,216) |
hsl(225,60%,62%) |
#5070d3 |
rgb(80,112,211) |
hsl(225,60%,57%) |
#3b60ce |
rgb(59,96,206) |
hsl(225,60%,52%) |
#3054c0 |
rgb(48,84,192) |
hsl(225,60%,47%) |
#2b4bab |
rgb(43,75,171) |
hsl(225,60%,42%) |
#264297 |
rgb(38,66,151) |
hsl(225,60%,37%) |
#213983 |
rgb(33,57,131) |
hsl(225,60%,32%) |
#1c306e |
rgb(28,48,110) |
hsl(225,60%,27%) |
#16275a |
rgb(22,39,90) |
hsl(225,60%,22%) |
#111e45 |
rgb(17,30,69) |
hsl(225,60%,17%) |
#0c1531 |
rgb(12,21,49) |
hsl(225,60%,12%) |
#070c1d |
rgb(7,12,29) |
hsl(225,60%,7%) |
#020408 |
rgb(2,4,8) |
hsl(225,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#50C7D3 |
rgb(80,199,211) |
hsl(185,60%,57%) |
#5070D3 |
rgb(80,112,211) |
hsl(225,60%,57%) |
#874FD3 |
rgb(135,79,211) |
hsl(265,60%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9AADE5 |
rgb(154,173,229) |
hsl(225,59%,75%) |
#758FDC |
rgb(117,143,220) |
hsl(225,60%,66%) |
#5070D3 |
rgb(80,112,211) |
hsl(225,60%,57%) |
#3154C3 |
rgb(49,84,195) |
hsl(226,60%,48%) |
#27459E |
rgb(39,69,158) |
hsl(225,60%,39%) |
#1E3678 |
rgb(30,54,120) |
hsl(224,60%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5070D3 |
rgb(80,112,211) |
hsl(225,60%,57%) |
#D37350 |
rgb(211,115,80) |
hsl(16,60%,57%) |
#B1D450 |
rgb(177,212,80) |
hsl(76,61%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5070D3 |
rgb(80,112,211) |
hsl(225,60%,57%) |
#D3B350 |
rgb(211,179,80) |
hsl(45,60%,57%) |
#50B3D3 |
rgb(80,179,211) |
hsl(195,60%,57%) |
#B1D450 |
rgb(177,212,80) |
hsl(76,61%,57%) |