HEX #366BC7 color — Indigo
The color #366BC7 is a dark shade and moderately saturated.
Palette
366BC7 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf0fa |
rgb(235,240,250) |
hsl(218,57%,95%) |
| #d7e2f4 |
rgb(215,226,244) |
hsl(218,57%,90%) |
| #c3d3ef |
rgb(195,211,239) |
hsl(218,57%,85%) |
| #afc4e9 |
rgb(175,196,233) |
hsl(218,57%,80%) |
| #9bb6e4 |
rgb(155,182,228) |
hsl(218,57%,75%) |
| #87a7de |
rgb(135,167,222) |
hsl(218,57%,70%) |
| #7398d9 |
rgb(115,152,217) |
hsl(218,57%,65%) |
| #5f89d3 |
rgb(95,137,211) |
hsl(218,57%,60%) |
| #4b7bce |
rgb(75,123,206) |
hsl(218,57%,55%) |
| #376cc8 |
rgb(55,108,200) |
hsl(218,57%,50%) |
| #3161b4 |
rgb(49,97,180) |
hsl(218,57%,45%) |
| #2c56a0 |
rgb(44,86,160) |
hsl(218,57%,40%) |
| #264c8c |
rgb(38,76,140) |
hsl(218,57%,35%) |
| #214178 |
rgb(33,65,120) |
hsl(218,57%,30%) |
| #1b3664 |
rgb(27,54,100) |
hsl(218,57%,25%) |
| #162b50 |
rgb(22,43,80) |
hsl(218,57%,20%) |
| #10203c |
rgb(16,32,60) |
hsl(218,57%,15%) |
| #0b1628 |
rgb(11,22,40) |
hsl(218,57%,10%) |
| #050b14 |
rgb(5,11,20) |
hsl(218,57%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #36C7C2 |
rgb(54,199,194) |
hsl(178,57%,50%) |
| #366BC7 |
rgb(54,107,199) |
hsl(218,57%,50%) |
| #6136C7 |
rgb(97,54,199) |
hsl(258,57%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #7499D9 |
rgb(116,153,217) |
hsl(218,57%,65%) |
| #5482D0 |
rgb(84,130,208) |
hsl(218,57%,57%) |
| #366BC7 |
rgb(54,107,199) |
hsl(218,57%,50%) |
| #2D59A7 |
rgb(45,89,167) |
hsl(218,58%,42%) |
| #244A87 |
rgb(36,74,135) |
hsl(217,58%,34%) |
| #1C3867 |
rgb(28,56,103) |
hsl(218,57%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #366BC7 |
rgb(54,107,199) |
hsl(218,57%,50%) |
| #C74A36 |
rgb(199,74,54) |
hsl(8,57%,50%) |
| #B3C736 |
rgb(179,199,54) |
hsl(68,57%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #366BC7 |
rgb(54,107,199) |
hsl(218,57%,50%) |
| #C79136 |
rgb(199,145,54) |
hsl(38,57%,50%) |
| #36B3C7 |
rgb(54,179,199) |
hsl(188,57%,50%) |
| #B3C736 |
rgb(179,199,54) |
hsl(68,57%,50%) |
