HEX #5A69B1 color — Blue Violet
The color #5A69B1 is a dark shade and slightly desaturated.
Palette
5A69B1 color palette from light to dark
HEX |
RGB |
HSL |
#f5f6fa |
rgb(245,246,250) |
hsl(230,36%,97%) |
#e3e6f2 |
rgb(227,230,242) |
hsl(230,36%,92%) |
#d2d6ea |
rgb(210,214,234) |
hsl(230,36%,87%) |
#c1c6e2 |
rgb(193,198,226) |
hsl(230,36%,82%) |
#afb6d9 |
rgb(175,182,217) |
hsl(230,36%,77%) |
#9ea6d1 |
rgb(158,166,209) |
hsl(230,36%,72%) |
#8d97c9 |
rgb(141,151,201) |
hsl(230,36%,67%) |
#7b87c1 |
rgb(123,135,193) |
hsl(230,36%,62%) |
#6a77b9 |
rgb(106,119,185) |
hsl(230,36%,57%) |
#5967b1 |
rgb(89,103,177) |
hsl(230,36%,52%) |
#4d5ba3 |
rgb(77,91,163) |
hsl(230,36%,47%) |
#455192 |
rgb(69,81,146) |
hsl(230,36%,42%) |
#3c4880 |
rgb(60,72,128) |
hsl(230,36%,37%) |
#343e6f |
rgb(52,62,111) |
hsl(230,36%,32%) |
#2c345e |
rgb(44,52,94) |
hsl(230,36%,27%) |
#242b4c |
rgb(36,43,76) |
hsl(230,36%,22%) |
#1c213b |
rgb(28,33,59) |
hsl(230,36%,17%) |
#14172a |
rgb(20,23,42) |
hsl(230,36%,12%) |
#0b0e18 |
rgb(11,14,24) |
hsl(230,36%,7%) |
#030407 |
rgb(3,4,7) |
hsl(230,36%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AA3B1 |
rgb(90,163,177) |
hsl(190,36%,52%) |
#5A69B1 |
rgb(90,105,177) |
hsl(230,36%,52%) |
#8559B1 |
rgb(133,89,177) |
hsl(270,36%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#949ECC |
rgb(148,158,204) |
hsl(229,35%,69%) |
#7785BE |
rgb(119,133,190) |
hsl(228,35%,61%) |
#5A69B1 |
rgb(90,105,177) |
hsl(230,36%,52%) |
#475798 |
rgb(71,87,152) |
hsl(228,36%,44%) |
#3A457B |
rgb(58,69,123) |
hsl(230,36%,35%) |
#2C365E |
rgb(44,54,94) |
hsl(228,36%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A69B1 |
rgb(90,105,177) |
hsl(230,36%,52%) |
#B1755A |
rgb(177,117,90) |
hsl(19,36%,52%) |
#94B05A |
rgb(148,176,90) |
hsl(80,35%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A69B1 |
rgb(90,105,177) |
hsl(230,36%,52%) |
#B1A35A |
rgb(177,163,90) |
hsl(50,36%,52%) |
#5A94B1 |
rgb(90,148,177) |
hsl(200,36%,52%) |
#94B05A |
rgb(148,176,90) |
hsl(80,35%,52%) |