HEX #5F70B4 color — Blue Violet
The color #5f70b4 is a dark shade and slightly desaturated.
Palette
5f70b4 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(228,36%,99%) |
#eaecf5 |
rgb(234,236,245) |
hsl(228,36%,94%) |
#d9dded |
rgb(217,221,237) |
hsl(228,36%,89%) |
#c8cde5 |
rgb(200,205,229) |
hsl(228,36%,84%) |
#b6bedd |
rgb(182,190,221) |
hsl(228,36%,79%) |
#a5aed5 |
rgb(165,174,213) |
hsl(228,36%,74%) |
#939fcc |
rgb(147,159,204) |
hsl(228,36%,69%) |
#828fc4 |
rgb(130,143,196) |
hsl(228,36%,64%) |
#7180bc |
rgb(113,128,188) |
hsl(228,36%,59%) |
#5f70b4 |
rgb(95,112,180) |
hsl(228,36%,54%) |
#5062aa |
rgb(80,98,170) |
hsl(228,36%,49%) |
#485899 |
rgb(72,88,153) |
hsl(228,36%,44%) |
#404e87 |
rgb(64,78,135) |
hsl(228,36%,39%) |
#374476 |
rgb(55,68,118) |
hsl(228,36%,34%) |
#2f3a65 |
rgb(47,58,101) |
hsl(228,36%,29%) |
#273053 |
rgb(39,48,83) |
hsl(228,36%,24%) |
#1f2642 |
rgb(31,38,66) |
hsl(228,36%,19%) |
#171c31 |
rgb(23,28,49) |
hsl(228,36%,14%) |
#0f121f |
rgb(15,18,31) |
hsl(228,36%,9%) |
#07080e |
rgb(7,8,14) |
hsl(228,36%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#5FA8B4 |
rgb(95,168,180) |
hsl(188,36%,54%) |
#5F70B4 |
rgb(95,112,180) |
hsl(228,36%,54%) |
#865EB4 |
rgb(134,94,180) |
hsl(268,36%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9AA6D0 |
rgb(154,166,208) |
hsl(227,36%,71%) |
#7C8AC2 |
rgb(124,138,194) |
hsl(228,36%,62%) |
#5F70B4 |
rgb(95,112,180) |
hsl(228,36%,54%) |
#49599D |
rgb(73,89,157) |
hsl(229,37%,45%) |
#3B4A7F |
rgb(59,74,127) |
hsl(227,37%,36%) |
#2D3861 |
rgb(45,56,97) |
hsl(227,37%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5F70B4 |
rgb(95,112,180) |
hsl(228,36%,54%) |
#B4785F |
rgb(180,120,95) |
hsl(18,36%,54%) |
#9AB55F |
rgb(154,181,95) |
hsl(79,37%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5F70B4 |
rgb(95,112,180) |
hsl(228,36%,54%) |
#B4A35F |
rgb(180,163,95) |
hsl(48,36%,54%) |
#5F9CB4 |
rgb(95,156,180) |
hsl(197,36%,54%) |
#9AB55F |
rgb(154,181,95) |
hsl(79,37%,54%) |