HEX #3A84DF color — Royal Blue
The color #3a84df is a dark shade and moderately saturated.
Palette
3a84df color palette from light to dark
| HEX |
RGB |
HSL |
| #e9f1fb |
rgb(233,241,251) |
hsl(213,72%,95%) |
| #d3e4f8 |
rgb(211,228,248) |
hsl(213,72%,90%) |
| #bdd6f4 |
rgb(189,214,244) |
hsl(213,72%,85%) |
| #a7c8f1 |
rgb(167,200,241) |
hsl(213,72%,80%) |
| #91bbed |
rgb(145,187,237) |
hsl(213,72%,75%) |
| #7badea |
rgb(123,173,234) |
hsl(213,72%,70%) |
| #659fe6 |
rgb(101,159,230) |
hsl(213,72%,65%) |
| #5092e2 |
rgb(80,146,226) |
hsl(213,72%,60%) |
| #3a84df |
rgb(58,132,223) |
hsl(213,72%,55%) |
| #2476db |
rgb(36,118,219) |
hsl(213,72%,50%) |
| #206ac5 |
rgb(32,106,197) |
hsl(213,72%,45%) |
| #1d5faf |
rgb(29,95,175) |
hsl(213,72%,40%) |
| #19539a |
rgb(25,83,154) |
hsl(213,72%,35%) |
| #154784 |
rgb(21,71,132) |
hsl(213,72%,30%) |
| #123b6e |
rgb(18,59,110) |
hsl(213,72%,25%) |
| #0e2f58 |
rgb(14,47,88) |
hsl(213,72%,20%) |
| #0b2342 |
rgb(11,35,66) |
hsl(213,72%,15%) |
| #07182c |
rgb(7,24,44) |
hsl(213,72%,10%) |
| #040c16 |
rgb(4,12,22) |
hsl(213,72%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3ADECC |
rgb(58,222,204) |
hsl(173,71%,55%) |
| #3A84DF |
rgb(58,132,223) |
hsl(213,72%,55%) |
| #5E3BDF |
rgb(94,59,223) |
hsl(253,72%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #87B5EB |
rgb(135,181,235) |
hsl(212,71%,73%) |
| #609CE5 |
rgb(96,156,229) |
hsl(213,72%,64%) |
| #3A84DF |
rgb(58,132,223) |
hsl(213,72%,55%) |
| #206ECB |
rgb(32,110,203) |
hsl(213,73%,46%) |
| #1A59A4 |
rgb(26,89,164) |
hsl(213,73%,37%) |
| #14457D |
rgb(20,69,125) |
hsl(212,72%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3A84DF |
rgb(58,132,223) |
hsl(213,72%,55%) |
| #DF423A |
rgb(223,66,58) |
hsl(3,72%,55%) |
| #D6DE3A |
rgb(214,222,58) |
hsl(63,71%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3A84DF |
rgb(58,132,223) |
hsl(213,72%,55%) |
| #DF943A |
rgb(223,148,58) |
hsl(33,72%,55%) |
| #3AD6DF |
rgb(58,214,223) |
hsl(183,72%,55%) |
| #D6DE3A |
rgb(214,222,58) |
hsl(63,71%,55%) |
