HEX #5A69B0 color — Blue Violet
The color #5A69B0 is a dark shade and slightly desaturated.
Palette
5A69B0 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 |
#5AA3B0 |
rgb(90,163,176) |
hsl(189,35%,52%) |
#5A69B0 |
rgb(90,105,176) |
hsl(230,35%,52%) |
#8459B0 |
rgb(132,89,176) |
hsl(270,36%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#939ECB |
rgb(147,158,203) |
hsl(228,35%,69%) |
#7682BD |
rgb(118,130,189) |
hsl(230,35%,60%) |
#5A69B0 |
rgb(90,105,176) |
hsl(230,35%,52%) |
#485797 |
rgb(72,87,151) |
hsl(229,35%,44%) |
#3A457A |
rgb(58,69,122) |
hsl(230,36%,35%) |
#2C365D |
rgb(44,54,93) |
hsl(228,36%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A69B0 |
rgb(90,105,176) |
hsl(230,35%,52%) |
#B0755A |
rgb(176,117,90) |
hsl(19,35%,52%) |
#94B05A |
rgb(148,176,90) |
hsl(80,35%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A69B0 |
rgb(90,105,176) |
hsl(230,35%,52%) |
#B0A15A |
rgb(176,161,90) |
hsl(50,35%,52%) |
#5A94B0 |
rgb(90,148,176) |
hsl(200,35%,52%) |
#94B05A |
rgb(148,176,90) |
hsl(80,35%,52%) |