HEX #536AE9 color — Royal Blue
The color #536ae9 is a dark shade and moderately saturated.
Palette
536ae9 color palette from light to dark
HEX |
RGB |
HSL |
#f1f3fd |
rgb(241,243,253) |
hsl(231,77%,97%) |
#dbe0fa |
rgb(219,224,250) |
hsl(231,77%,92%) |
#c4ccf7 |
rgb(196,204,247) |
hsl(231,77%,87%) |
#aeb8f4 |
rgb(174,184,244) |
hsl(231,77%,82%) |
#97a5f2 |
rgb(151,165,242) |
hsl(231,77%,77%) |
#8191ef |
rgb(129,145,239) |
hsl(231,77%,72%) |
#6a7dec |
rgb(106,125,236) |
hsl(231,77%,67%) |
#536ae9 |
rgb(83,106,233) |
hsl(231,77%,62%) |
#3d56e6 |
rgb(61,86,230) |
hsl(231,77%,57%) |
#2643e3 |
rgb(38,67,227) |
hsl(231,77%,52%) |
#1c37d4 |
rgb(28,55,212) |
hsl(231,77%,47%) |
#1931be |
rgb(25,49,190) |
hsl(231,77%,42%) |
#162ba7 |
rgb(22,43,167) |
hsl(231,77%,37%) |
#132690 |
rgb(19,38,144) |
hsl(231,77%,32%) |
#10207a |
rgb(16,32,122) |
hsl(231,77%,27%) |
#0d1a63 |
rgb(13,26,99) |
hsl(231,77%,22%) |
#0a144d |
rgb(10,20,77) |
hsl(231,77%,17%) |
#070e36 |
rgb(7,14,54) |
hsl(231,77%,12%) |
#040820 |
rgb(4,8,32) |
hsl(231,77%,7%) |
#010209 |
rgb(1,2,9) |
hsl(231,77%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#53CFE9 |
rgb(83,207,233) |
hsl(190,77%,62%) |
#536AE9 |
rgb(83,106,233) |
hsl(231,77%,62%) |
#A054E9 |
rgb(160,84,233) |
hsl(271,77%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D9DEFA |
rgb(217,222,250) |
hsl(231,77%,92%) |
#ACB8F4 |
rgb(172,184,244) |
hsl(230,77%,82%) |
#7F91EE |
rgb(127,145,238) |
hsl(230,77%,72%) |
#536AE9 |
rgb(83,106,233) |
hsl(231,77%,62%) |
#2642E3 |
rgb(38,66,227) |
hsl(231,77%,52%) |
#1833BE |
rgb(24,51,190) |
hsl(230,78%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#536AE9 |
rgb(83,106,233) |
hsl(231,77%,62%) |
#E98753 |
rgb(233,135,83) |
hsl(21,77%,62%) |
#B5E853 |
rgb(181,232,83) |
hsl(81,76%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#536AE9 |
rgb(83,106,233) |
hsl(231,77%,62%) |
#E9D153 |
rgb(233,209,83) |
hsl(50,77%,62%) |
#53B5E9 |
rgb(83,181,233) |
hsl(201,77%,62%) |
#B5E853 |
rgb(181,232,83) |
hsl(81,76%,62%) |