HEX #5B82C6 color — Indigo
The color #5B82C6 is a dark shade and moderately saturated.
Palette
5B82C6 color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fb |
rgb(244,246,251) |
hsl(218,48%,97%) |
#e1e8f4 |
rgb(225,232,244) |
hsl(218,48%,92%) |
#cedaee |
rgb(206,218,238) |
hsl(218,48%,87%) |
#bbcbe7 |
rgb(187,203,231) |
hsl(218,48%,82%) |
#a8bde1 |
rgb(168,189,225) |
hsl(218,48%,77%) |
#95aeda |
rgb(149,174,218) |
hsl(218,48%,72%) |
#82a0d3 |
rgb(130,160,211) |
hsl(218,48%,67%) |
#7092cd |
rgb(112,146,205) |
hsl(218,48%,62%) |
#5d83c6 |
rgb(93,131,198) |
hsl(218,48%,57%) |
#4a75bf |
rgb(74,117,191) |
hsl(218,48%,52%) |
#3e69b1 |
rgb(62,105,177) |
hsl(218,48%,47%) |
#385d9f |
rgb(56,93,159) |
hsl(218,48%,42%) |
#31528c |
rgb(49,82,140) |
hsl(218,48%,37%) |
#2a4779 |
rgb(42,71,121) |
hsl(218,48%,32%) |
#243c66 |
rgb(36,60,102) |
hsl(218,48%,27%) |
#1d3153 |
rgb(29,49,83) |
hsl(218,48%,22%) |
#172640 |
rgb(23,38,64) |
hsl(218,48%,17%) |
#101b2d |
rgb(16,27,45) |
hsl(218,48%,12%) |
#09101a |
rgb(9,16,26) |
hsl(218,48%,7%) |
#030408 |
rgb(3,4,8) |
hsl(218,48%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5BC7C2 |
rgb(91,199,194) |
hsl(177,49%,57%) |
#5B82C6 |
rgb(91,130,198) |
hsl(218,48%,57%) |
#7B5CC6 |
rgb(123,92,198) |
hsl(258,48%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FB5DD |
rgb(159,181,221) |
hsl(219,48%,75%) |
#7D9CD1 |
rgb(125,156,209) |
hsl(218,48%,65%) |
#5B82C6 |
rgb(91,130,198) |
hsl(218,48%,57%) |
#3E69B4 |
rgb(62,105,180) |
hsl(218,49%,47%) |
#325491 |
rgb(50,84,145) |
hsl(219,49%,38%) |
#26426F |
rgb(38,66,111) |
hsl(217,49%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B82C6 |
rgb(91,130,198) |
hsl(218,48%,57%) |
#C6695B |
rgb(198,105,91) |
hsl(8,48%,57%) |
#B7C75B |
rgb(183,199,91) |
hsl(69,49%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B82C6 |
rgb(91,130,198) |
hsl(218,48%,57%) |
#C69E5B |
rgb(198,158,91) |
hsl(38,48%,57%) |
#5BB8C6 |
rgb(91,184,198) |
hsl(188,48%,57%) |
#B7C75B |
rgb(183,199,91) |
hsl(69,49%,57%) |