HEX #536BD0 color — Indigo
The color #536BD0 is a dark shade and moderately saturated.
Palette
536BD0 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(228,57%,97%) |
#dfe4f6 |
rgb(223,228,246) |
hsl(228,57%,92%) |
#cbd3f1 |
rgb(203,211,241) |
hsl(228,57%,87%) |
#b7c1eb |
rgb(183,193,235) |
hsl(228,57%,82%) |
#a3b0e6 |
rgb(163,176,230) |
hsl(228,57%,77%) |
#8f9fe0 |
rgb(143,159,224) |
hsl(228,57%,72%) |
#7b8edb |
rgb(123,142,219) |
hsl(228,57%,67%) |
#677dd5 |
rgb(103,125,213) |
hsl(228,57%,62%) |
#536cd0 |
rgb(83,108,208) |
hsl(228,57%,57%) |
#3f5bca |
rgb(63,91,202) |
hsl(228,57%,52%) |
#344fbc |
rgb(52,79,188) |
hsl(228,57%,47%) |
#2e46a8 |
rgb(46,70,168) |
hsl(228,57%,42%) |
#293e94 |
rgb(41,62,148) |
hsl(228,57%,37%) |
#233680 |
rgb(35,54,128) |
hsl(228,57%,32%) |
#1e2d6c |
rgb(30,45,108) |
hsl(228,57%,27%) |
#182558 |
rgb(24,37,88) |
hsl(228,57%,22%) |
#131d44 |
rgb(19,29,68) |
hsl(228,57%,17%) |
#0d1430 |
rgb(13,20,48) |
hsl(228,57%,12%) |
#080c1c |
rgb(8,12,28) |
hsl(228,57%,7%) |
#020308 |
rgb(2,3,8) |
hsl(228,57%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#53BFD0 |
rgb(83,191,208) |
hsl(188,57%,57%) |
#536BD0 |
rgb(83,107,208) |
hsl(228,57%,57%) |
#8E54D0 |
rgb(142,84,208) |
hsl(268,57%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CABE3 |
rgb(156,171,227) |
hsl(227,56%,75%) |
#778AD9 |
rgb(119,138,217) |
hsl(228,56%,66%) |
#536BD0 |
rgb(83,107,208) |
hsl(228,57%,57%) |
#344FBF |
rgb(52,79,191) |
hsl(228,57%,48%) |
#2A409B |
rgb(42,64,155) |
hsl(228,57%,39%) |
#203076 |
rgb(32,48,118) |
hsl(229,57%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#536BD0 |
rgb(83,107,208) |
hsl(228,57%,57%) |
#D07A53 |
rgb(208,122,83) |
hsl(19,57%,57%) |
#A9D153 |
rgb(169,209,83) |
hsl(79,58%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#536BD0 |
rgb(83,107,208) |
hsl(228,57%,57%) |
#D0B853 |
rgb(208,184,83) |
hsl(48,57%,57%) |
#53A8D0 |
rgb(83,168,208) |
hsl(199,57%,57%) |
#A9D153 |
rgb(169,209,83) |
hsl(79,58%,57%) |