HEX #4F70D3 color — Indigo
The color #4F70D3 is a dark shade and moderately saturated.
Palette
4F70D3 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 |
#4FC7D3 |
rgb(79,199,211) |
hsl(185,60%,57%) |
#4F70D3 |
rgb(79,112,211) |
hsl(225,60%,57%) |
#864FD3 |
rgb(134,79,211) |
hsl(265,60%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#99ADE5 |
rgb(153,173,229) |
hsl(224,59%,75%) |
#748FDC |
rgb(116,143,220) |
hsl(224,60%,66%) |
#4F70D3 |
rgb(79,112,211) |
hsl(225,60%,57%) |
#3054C2 |
rgb(48,84,194) |
hsl(225,60%,47%) |
#27459D |
rgb(39,69,157) |
hsl(225,60%,38%) |
#1E3678 |
rgb(30,54,120) |
hsl(224,60%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#4F70D3 |
rgb(79,112,211) |
hsl(225,60%,57%) |
#D3704F |
rgb(211,112,79) |
hsl(15,60%,57%) |
#B2D44F |
rgb(178,212,79) |
hsl(75,61%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4F70D3 |
rgb(79,112,211) |
hsl(225,60%,57%) |
#D3B34F |
rgb(211,179,79) |
hsl(45,60%,57%) |
#4FB3D3 |
rgb(79,179,211) |
hsl(195,60%,57%) |
#B2D44F |
rgb(178,212,79) |
hsl(75,61%,57%) |