HEX #5285C4 color — Indigo
The color #5285C4 is a dark shade and moderately saturated.
Palette
5285C4 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf2f8 |
rgb(236,242,248) |
hsl(213,49%,95%) |
| #d9e4f2 |
rgb(217,228,242) |
hsl(213,49%,90%) |
| #c6d7eb |
rgb(198,215,235) |
hsl(213,49%,85%) |
| #b3cae5 |
rgb(179,202,229) |
hsl(213,49%,80%) |
| #a0bcde |
rgb(160,188,222) |
hsl(213,49%,75%) |
| #8dafd8 |
rgb(141,175,216) |
hsl(213,49%,70%) |
| #7aa1d1 |
rgb(122,161,209) |
hsl(213,49%,65%) |
| #6794cb |
rgb(103,148,203) |
hsl(213,49%,60%) |
| #5487c4 |
rgb(84,135,196) |
hsl(213,49%,55%) |
| #4179be |
rgb(65,121,190) |
hsl(213,49%,50%) |
| #3b6dab |
rgb(59,109,171) |
hsl(213,49%,45%) |
| #346198 |
rgb(52,97,152) |
hsl(213,49%,40%) |
| #2e5585 |
rgb(46,85,133) |
hsl(213,49%,35%) |
| #274972 |
rgb(39,73,114) |
hsl(213,49%,30%) |
| #213d5f |
rgb(33,61,95) |
hsl(213,49%,25%) |
| #1a314c |
rgb(26,49,76) |
hsl(213,49%,20%) |
| #142439 |
rgb(20,36,57) |
hsl(213,49%,15%) |
| #0d1826 |
rgb(13,24,38) |
hsl(213,49%,10%) |
| #070c13 |
rgb(7,12,19) |
hsl(213,49%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #52C4B7 |
rgb(82,196,183) |
hsl(173,49%,55%) |
| #5285C4 |
rgb(82,133,196) |
hsl(213,49%,55%) |
| #6B52C4 |
rgb(107,82,196) |
hsl(253,49%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #94B5DA |
rgb(148,181,218) |
hsl(212,49%,72%) |
| #739CCF |
rgb(115,156,207) |
hsl(213,49%,63%) |
| #5285C4 |
rgb(82,133,196) |
hsl(213,49%,55%) |
| #3B6EAE |
rgb(59,110,174) |
hsl(213,49%,46%) |
| #30598C |
rgb(48,89,140) |
hsl(213,49%,37%) |
| #24456B |
rgb(36,69,107) |
hsl(212,50%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5285C4 |
rgb(82,133,196) |
hsl(213,49%,55%) |
| #C45952 |
rgb(196,89,82) |
hsl(4,49%,55%) |
| #BEC452 |
rgb(190,196,82) |
hsl(63,49%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5285C4 |
rgb(82,133,196) |
hsl(213,49%,55%) |
| #C49152 |
rgb(196,145,82) |
hsl(33,49%,55%) |
| #52BFC4 |
rgb(82,191,196) |
hsl(183,49%,55%) |
| #BEC452 |
rgb(190,196,82) |
hsl(63,49%,55%) |
