HEX #356BE4 color — Royal Blue
The color #356BE4 is a dark shade and moderately saturated.
Palette
356BE4 color palette from light to dark
HEX |
RGB |
HSL |
#e9effc |
rgb(233,239,252) |
hsl(221,76%,95%) |
#d2def9 |
rgb(210,222,249) |
hsl(221,76%,90%) |
#bccef6 |
rgb(188,206,246) |
hsl(221,76%,85%) |
#a5bef3 |
rgb(165,190,243) |
hsl(221,76%,80%) |
#8fadf0 |
rgb(143,173,240) |
hsl(221,76%,75%) |
#789ded |
rgb(120,157,237) |
hsl(221,76%,70%) |
#628dea |
rgb(98,141,234) |
hsl(221,76%,65%) |
#4b7de7 |
rgb(75,125,231) |
hsl(221,76%,60%) |
#356ce3 |
rgb(53,108,227) |
hsl(221,76%,55%) |
#1f5ce0 |
rgb(31,92,224) |
hsl(221,76%,50%) |
#1c53ca |
rgb(28,83,202) |
hsl(221,76%,45%) |
#184ab4 |
rgb(24,74,180) |
hsl(221,76%,40%) |
#15409d |
rgb(21,64,157) |
hsl(221,76%,35%) |
#123787 |
rgb(18,55,135) |
hsl(221,76%,30%) |
#0f2e70 |
rgb(15,46,112) |
hsl(221,76%,25%) |
#0c255a |
rgb(12,37,90) |
hsl(221,76%,20%) |
#091c43 |
rgb(9,28,67) |
hsl(221,76%,15%) |
#06122d |
rgb(6,18,45) |
hsl(221,76%,10%) |
#030916 |
rgb(3,9,22) |
hsl(221,76%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#35E0E4 |
rgb(53,224,228) |
hsl(181,76%,55%) |
#356BE4 |
rgb(53,107,228) |
hsl(221,76%,55%) |
#7336E4 |
rgb(115,54,228) |
hsl(261,76%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#84A6EE |
rgb(132,166,238) |
hsl(221,76%,73%) |
#5C87E9 |
rgb(92,135,233) |
hsl(222,76%,64%) |
#356BE4 |
rgb(53,107,228) |
hsl(221,76%,55%) |
#1B54D0 |
rgb(27,84,208) |
hsl(221,77%,46%) |
#1645A8 |
rgb(22,69,168) |
hsl(221,77%,37%) |
#113380 |
rgb(17,51,128) |
hsl(222,77%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#356BE4 |
rgb(53,107,228) |
hsl(221,76%,55%) |
#E45735 |
rgb(228,87,53) |
hsl(12,76%,55%) |
#C2E335 |
rgb(194,227,53) |
hsl(71,76%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#356BE4 |
rgb(53,107,228) |
hsl(221,76%,55%) |
#E4AD35 |
rgb(228,173,53) |
hsl(41,76%,55%) |
#35C2E4 |
rgb(53,194,228) |
hsl(192,76%,55%) |
#C2E335 |
rgb(194,227,53) |
hsl(71,76%,55%) |