HEX #536ED2 color — Indigo
The color #536ED2 is a dark shade and moderately saturated.
Palette
536ED2 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(227,59%,97%) |
#dfe4f7 |
rgb(223,228,247) |
hsl(227,59%,92%) |
#cad3f1 |
rgb(202,211,241) |
hsl(227,59%,87%) |
#b6c2ec |
rgb(182,194,236) |
hsl(227,59%,82%) |
#a2b1e7 |
rgb(162,177,231) |
hsl(227,59%,77%) |
#8da0e2 |
rgb(141,160,226) |
hsl(227,59%,72%) |
#798fdc |
rgb(121,143,220) |
hsl(227,59%,67%) |
#657ed7 |
rgb(101,126,215) |
hsl(227,59%,62%) |
#516dd2 |
rgb(81,109,210) |
hsl(227,59%,57%) |
#3c5ccd |
rgb(60,92,205) |
hsl(227,59%,52%) |
#3150bf |
rgb(49,80,191) |
hsl(227,59%,47%) |
#2c47aa |
rgb(44,71,170) |
hsl(227,59%,42%) |
#273f96 |
rgb(39,63,150) |
hsl(227,59%,37%) |
#213682 |
rgb(33,54,130) |
hsl(227,59%,32%) |
#1c2e6d |
rgb(28,46,109) |
hsl(227,59%,27%) |
#172559 |
rgb(23,37,89) |
hsl(227,59%,22%) |
#121d45 |
rgb(18,29,69) |
hsl(227,59%,17%) |
#0d1431 |
rgb(13,20,49) |
hsl(227,59%,12%) |
#070c1c |
rgb(7,12,28) |
hsl(227,59%,7%) |
#020308 |
rgb(2,3,8) |
hsl(227,59%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#53C2D2 |
rgb(83,194,210) |
hsl(188,59%,57%) |
#536ED2 |
rgb(83,110,210) |
hsl(227,59%,57%) |
#8C54D2 |
rgb(140,84,210) |
hsl(267,58%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9DADE5 |
rgb(157,173,229) |
hsl(227,58%,76%) |
#788CDB |
rgb(120,140,219) |
hsl(228,58%,66%) |
#536ED2 |
rgb(83,110,210) |
hsl(227,59%,57%) |
#3352C3 |
rgb(51,82,195) |
hsl(227,59%,48%) |
#29429D |
rgb(41,66,157) |
hsl(227,59%,39%) |
#1F3378 |
rgb(31,51,120) |
hsl(227,59%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#536ED2 |
rgb(83,110,210) |
hsl(227,59%,57%) |
#D27853 |
rgb(210,120,83) |
hsl(17,59%,57%) |
#ADD153 |
rgb(173,209,83) |
hsl(77,58%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#536ED2 |
rgb(83,110,210) |
hsl(227,59%,57%) |
#D2B853 |
rgb(210,184,83) |
hsl(48,59%,57%) |
#53ADD2 |
rgb(83,173,210) |
hsl(197,59%,57%) |
#ADD153 |
rgb(173,209,83) |
hsl(77,58%,57%) |