HEX #5B69B0 color — Blue Violet
The color #5B69B0 is a dark shade and slightly desaturated.
Palette
5B69B0 color palette from light to dark
HEX |
RGB |
HSL |
#f5f6fa |
rgb(245,246,250) |
hsl(230,35%,97%) |
#e3e6f2 |
rgb(227,230,242) |
hsl(230,35%,92%) |
#d2d6e9 |
rgb(210,214,233) |
hsl(230,35%,87%) |
#c1c6e1 |
rgb(193,198,225) |
hsl(230,35%,82%) |
#b0b7d9 |
rgb(176,183,217) |
hsl(230,35%,77%) |
#9fa7d1 |
rgb(159,167,209) |
hsl(230,35%,72%) |
#8d97c8 |
rgb(141,151,200) |
hsl(230,35%,67%) |
#7c87c0 |
rgb(124,135,192) |
hsl(230,35%,62%) |
#6b78b8 |
rgb(107,120,184) |
hsl(230,35%,57%) |
#5a68af |
rgb(90,104,175) |
hsl(230,35%,52%) |
#4e5ca2 |
rgb(78,92,162) |
hsl(230,35%,47%) |
#465291 |
rgb(70,82,145) |
hsl(230,35%,42%) |
#3d487f |
rgb(61,72,127) |
hsl(230,35%,37%) |
#353f6e |
rgb(53,63,110) |
hsl(230,35%,32%) |
#2d355d |
rgb(45,53,93) |
hsl(230,35%,27%) |
#242b4c |
rgb(36,43,76) |
hsl(230,35%,22%) |
#1c213b |
rgb(28,33,59) |
hsl(230,35%,17%) |
#141729 |
rgb(20,23,41) |
hsl(230,35%,12%) |
#0c0e18 |
rgb(12,14,24) |
hsl(230,35%,7%) |
#030407 |
rgb(3,4,7) |
hsl(230,35%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BA1B0 |
rgb(91,161,176) |
hsl(191,35%,52%) |
#5B69B0 |
rgb(91,105,176) |
hsl(230,35%,52%) |
#855CB0 |
rgb(133,92,176) |
hsl(269,35%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#949ECB |
rgb(148,158,203) |
hsl(229,35%,69%) |
#7785BD |
rgb(119,133,189) |
hsl(228,35%,60%) |
#5B69B0 |
rgb(91,105,176) |
hsl(230,35%,52%) |
#485797 |
rgb(72,87,151) |
hsl(229,35%,44%) |
#3B457A |
rgb(59,69,122) |
hsl(230,35%,35%) |
#2D365D |
rgb(45,54,93) |
hsl(229,35%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B69B0 |
rgb(91,105,176) |
hsl(230,35%,52%) |
#B0785B |
rgb(176,120,91) |
hsl(20,35%,52%) |
#93B05B |
rgb(147,176,91) |
hsl(80,35%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B69B0 |
rgb(91,105,176) |
hsl(230,35%,52%) |
#B0A35B |
rgb(176,163,91) |
hsl(51,35%,52%) |
#5B94B0 |
rgb(91,148,176) |
hsl(200,35%,52%) |
#93B05B |
rgb(147,176,91) |
hsl(80,35%,52%) |