HEX #5F70C4 color — Indigo
The color #5f70c4 is a dark shade and moderately saturated.
Palette
5f70c4 color palette from light to dark
HEX |
RGB |
HSL |
#f4f5fb |
rgb(244,245,251) |
hsl(230,46%,97%) |
#e1e4f4 |
rgb(225,228,244) |
hsl(230,46%,92%) |
#cfd4ed |
rgb(207,212,237) |
hsl(230,46%,87%) |
#bcc3e6 |
rgb(188,195,230) |
hsl(230,46%,82%) |
#a9b2df |
rgb(169,178,223) |
hsl(230,46%,77%) |
#97a2d8 |
rgb(151,162,216) |
hsl(230,46%,72%) |
#8491d2 |
rgb(132,145,210) |
hsl(230,46%,67%) |
#7280cb |
rgb(114,128,203) |
hsl(230,46%,62%) |
#5f70c4 |
rgb(95,112,196) |
hsl(230,46%,57%) |
#4c5fbd |
rgb(76,95,189) |
hsl(230,46%,52%) |
#4153af |
rgb(65,83,175) |
hsl(230,46%,47%) |
#3a4a9c |
rgb(58,74,156) |
hsl(230,46%,42%) |
#33418a |
rgb(51,65,138) |
hsl(230,46%,37%) |
#2c3977 |
rgb(44,57,119) |
hsl(230,46%,32%) |
#253065 |
rgb(37,48,101) |
hsl(230,46%,27%) |
#1e2752 |
rgb(30,39,82) |
hsl(230,46%,22%) |
#171e3f |
rgb(23,30,63) |
hsl(230,46%,17%) |
#11152d |
rgb(17,21,45) |
hsl(230,46%,12%) |
#0a0c1a |
rgb(10,12,26) |
hsl(230,46%,7%) |
#030407 |
rgb(3,4,7) |
hsl(230,46%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5FB3C4 |
rgb(95,179,196) |
hsl(190,46%,57%) |
#5F70C4 |
rgb(95,112,196) |
hsl(230,46%,57%) |
#915EC4 |
rgb(145,94,196) |
hsl(270,46%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A3ADDD |
rgb(163,173,221) |
hsl(230,46%,75%) |
#818FD0 |
rgb(129,143,208) |
hsl(229,46%,66%) |
#5F70C4 |
rgb(95,112,196) |
hsl(230,46%,57%) |
#4154B2 |
rgb(65,84,178) |
hsl(230,47%,48%) |
#354590 |
rgb(53,69,144) |
hsl(229,46%,39%) |
#28366E |
rgb(40,54,110) |
hsl(228,47%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5F70C4 |
rgb(95,112,196) |
hsl(230,46%,57%) |
#C4805F |
rgb(196,128,95) |
hsl(20,46%,57%) |
#A2C45F |
rgb(162,196,95) |
hsl(80,46%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5F70C4 |
rgb(95,112,196) |
hsl(230,46%,57%) |
#C4B35F |
rgb(196,179,95) |
hsl(50,46%,57%) |
#5FA3C4 |
rgb(95,163,196) |
hsl(200,46%,57%) |
#A2C45F |
rgb(162,196,95) |
hsl(80,46%,57%) |