HEX #3A89E4 color — Royal Blue
The color #3a89e4 is a light shade and moderately saturated.
Palette
3a89e4 color palette from light to dark
HEX |
RGB |
HSL |
#edf4fd |
rgb(237,244,253) |
hsl(212,76%,96%) |
#d7e7f9 |
rgb(215,231,249) |
hsl(212,76%,91%) |
#c0d9f6 |
rgb(192,217,246) |
hsl(212,76%,86%) |
#aaccf3 |
rgb(170,204,243) |
hsl(212,76%,81%) |
#93bff0 |
rgb(147,191,240) |
hsl(212,76%,76%) |
#7db1ed |
rgb(125,177,237) |
hsl(212,76%,71%) |
#66a4ea |
rgb(102,164,234) |
hsl(212,76%,66%) |
#5097e7 |
rgb(80,151,231) |
hsl(212,76%,61%) |
#3a89e4 |
rgb(58,137,228) |
hsl(212,76%,56%) |
#237ce1 |
rgb(35,124,225) |
hsl(212,76%,51%) |
#1c6fce |
rgb(28,111,206) |
hsl(212,76%,46%) |
#1963b8 |
rgb(25,99,184) |
hsl(212,76%,41%) |
#1657a2 |
rgb(22,87,162) |
hsl(212,76%,36%) |
#134b8b |
rgb(19,75,139) |
hsl(212,76%,31%) |
#103f75 |
rgb(16,63,117) |
hsl(212,76%,26%) |
#0d335e |
rgb(13,51,94) |
hsl(212,76%,21%) |
#0a2748 |
rgb(10,39,72) |
hsl(212,76%,16%) |
#071b31 |
rgb(7,27,49) |
hsl(212,76%,11%) |
#040f1b |
rgb(4,15,27) |
hsl(212,76%,6%) |
#010204 |
rgb(1,2,4) |
hsl(212,76%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AE3CD |
rgb(58,227,205) |
hsl(172,75%,56%) |
#3A89E4 |
rgb(58,137,228) |
hsl(212,76%,56%) |
#5C3BE4 |
rgb(92,59,228) |
hsl(252,76%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8ABAEF |
rgb(138,186,239) |
hsl(211,76%,74%) |
#62A1E9 |
rgb(98,161,233) |
hsl(212,75%,65%) |
#3A89E4 |
rgb(58,137,228) |
hsl(212,76%,56%) |
#1C73D3 |
rgb(28,115,211) |
hsl(211,77%,47%) |
#175CAB |
rgb(23,92,171) |
hsl(212,76%,38%) |
#114782 |
rgb(17,71,130) |
hsl(211,77%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A89E4 |
rgb(58,137,228) |
hsl(212,76%,56%) |
#E4403A |
rgb(228,64,58) |
hsl(2,76%,56%) |
#DEE33A |
rgb(222,227,58) |
hsl(62,75%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A89E4 |
rgb(58,137,228) |
hsl(212,76%,56%) |
#E4943A |
rgb(228,148,58) |
hsl(32,76%,56%) |
#3ADEE4 |
rgb(58,222,228) |
hsl(182,76%,56%) |
#DEE33A |
rgb(222,227,58) |
hsl(62,75%,56%) |