HEX #536EC4 color — Indigo
The color #536EC4 is a dark shade and moderately saturated.
Palette
536EC4 color palette from light to dark
| HEX |
RGB |
HSL |
| #eceff8 |
rgb(236,239,248) |
hsl(226,49%,95%) |
| #d9dff2 |
rgb(217,223,242) |
hsl(226,49%,90%) |
| #c6cfeb |
rgb(198,207,235) |
hsl(226,49%,85%) |
| #b3bfe5 |
rgb(179,191,229) |
hsl(226,49%,80%) |
| #a0afde |
rgb(160,175,222) |
hsl(226,49%,75%) |
| #8d9fd8 |
rgb(141,159,216) |
hsl(226,49%,70%) |
| #7a8ed1 |
rgb(122,142,209) |
hsl(226,49%,65%) |
| #677ecb |
rgb(103,126,203) |
hsl(226,49%,60%) |
| #546ec4 |
rgb(84,110,196) |
hsl(226,49%,55%) |
| #415ebe |
rgb(65,94,190) |
hsl(226,49%,50%) |
| #3b55ab |
rgb(59,85,171) |
hsl(226,49%,45%) |
| #344b98 |
rgb(52,75,152) |
hsl(226,49%,40%) |
| #2e4285 |
rgb(46,66,133) |
hsl(226,49%,35%) |
| #273972 |
rgb(39,57,114) |
hsl(226,49%,30%) |
| #212f5f |
rgb(33,47,95) |
hsl(226,49%,25%) |
| #1a264c |
rgb(26,38,76) |
hsl(226,49%,20%) |
| #141c39 |
rgb(20,28,57) |
hsl(226,49%,15%) |
| #0d1326 |
rgb(13,19,38) |
hsl(226,49%,10%) |
| #070913 |
rgb(7,9,19) |
hsl(226,49%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #53BAC4 |
rgb(83,186,196) |
hsl(185,49%,55%) |
| #536EC4 |
rgb(83,110,196) |
hsl(226,49%,55%) |
| #8354C4 |
rgb(131,84,196) |
hsl(265,49%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #95A6DA |
rgb(149,166,218) |
hsl(225,48%,72%) |
| #748ACF |
rgb(116,138,207) |
hsl(225,49%,63%) |
| #536EC4 |
rgb(83,110,196) |
hsl(226,49%,55%) |
| #3B57AE |
rgb(59,87,174) |
hsl(225,49%,46%) |
| #30478D |
rgb(48,71,141) |
hsl(225,49%,37%) |
| #25366C |
rgb(37,54,108) |
hsl(226,49%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #536EC4 |
rgb(83,110,196) |
hsl(226,49%,55%) |
| #C47053 |
rgb(196,112,83) |
hsl(15,49%,55%) |
| #A6C453 |
rgb(166,196,83) |
hsl(76,49%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #536EC4 |
rgb(83,110,196) |
hsl(226,49%,55%) |
| #C4A853 |
rgb(196,168,83) |
hsl(45,49%,55%) |
| #53A6C4 |
rgb(83,166,196) |
hsl(196,49%,55%) |
| #A6C453 |
rgb(166,196,83) |
hsl(76,49%,55%) |
