HEX #5F80C2 color — Indigo
The color #5F80C2 is a dark shade and moderately saturated.
Palette
5F80C2 color palette from light to dark
HEX |
RGB |
HSL |
#f4f6fb |
rgb(244,246,251) |
hsl(220,45%,97%) |
#e1e8f4 |
rgb(225,232,244) |
hsl(220,45%,92%) |
#cfd9ed |
rgb(207,217,237) |
hsl(220,45%,87%) |
#bccae6 |
rgb(188,202,230) |
hsl(220,45%,82%) |
#aabcdf |
rgb(170,188,223) |
hsl(220,45%,77%) |
#97add8 |
rgb(151,173,216) |
hsl(220,45%,72%) |
#859ed1 |
rgb(133,158,209) |
hsl(220,45%,67%) |
#7290ca |
rgb(114,144,202) |
hsl(220,45%,62%) |
#6081c3 |
rgb(96,129,195) |
hsl(220,45%,57%) |
#4e72bc |
rgb(78,114,188) |
hsl(220,45%,52%) |
#4266ae |
rgb(66,102,174) |
hsl(220,45%,47%) |
#3b5b9b |
rgb(59,91,155) |
hsl(220,45%,42%) |
#345089 |
rgb(52,80,137) |
hsl(220,45%,37%) |
#2d4576 |
rgb(45,69,118) |
hsl(220,45%,32%) |
#263b64 |
rgb(38,59,100) |
hsl(220,45%,27%) |
#1f3051 |
rgb(31,48,81) |
hsl(220,45%,22%) |
#18253f |
rgb(24,37,63) |
hsl(220,45%,17%) |
#111a2c |
rgb(17,26,44) |
hsl(220,45%,12%) |
#0a0f1a |
rgb(10,15,26) |
hsl(220,45%,7%) |
#030407 |
rgb(3,4,7) |
hsl(220,45%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5FC2C2 |
rgb(95,194,194) |
hsl(180,45%,57%) |
#5F80C2 |
rgb(95,128,194) |
hsl(220,45%,57%) |
#805EC2 |
rgb(128,94,194) |
hsl(260,45%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A1B5DB |
rgb(161,181,219) |
hsl(219,45%,75%) |
#809CCE |
rgb(128,156,206) |
hsl(218,44%,65%) |
#5F80C2 |
rgb(95,128,194) |
hsl(220,45%,57%) |
#4366AF |
rgb(67,102,175) |
hsl(221,45%,47%) |
#36548E |
rgb(54,84,142) |
hsl(220,45%,38%) |
#29406C |
rgb(41,64,108) |
hsl(219,45%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5F80C2 |
rgb(95,128,194) |
hsl(220,45%,57%) |
#C2705F |
rgb(194,112,95) |
hsl(10,45%,57%) |
#B1C25F |
rgb(177,194,95) |
hsl(70,45%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5F80C2 |
rgb(95,128,194) |
hsl(220,45%,57%) |
#C2A15F |
rgb(194,161,95) |
hsl(40,45%,57%) |
#5FB3C2 |
rgb(95,179,194) |
hsl(189,45%,57%) |
#B1C25F |
rgb(177,194,95) |
hsl(70,45%,57%) |