HEX #2A78E5 color — Royal Blue
The color #2A78E5 is a dark shade and highly saturated.
Palette
2A78E5 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fe |
rgb(246,249,254) |
hsl(215,78%,98%) |
#dfebfb |
rgb(223,235,251) |
hsl(215,78%,93%) |
#c9dcf8 |
rgb(201,220,248) |
hsl(215,78%,88%) |
#b2cef5 |
rgb(178,206,245) |
hsl(215,78%,83%) |
#9bc0f3 |
rgb(155,192,243) |
hsl(215,78%,78%) |
#84b1f0 |
rgb(132,177,240) |
hsl(215,78%,73%) |
#6ea3ed |
rgb(110,163,237) |
hsl(215,78%,68%) |
#5794ea |
rgb(87,148,234) |
hsl(215,78%,63%) |
#4086e7 |
rgb(64,134,231) |
hsl(215,78%,58%) |
#2a78e5 |
rgb(42,120,229) |
hsl(215,78%,53%) |
#1b6ada |
rgb(27,106,218) |
hsl(215,78%,48%) |
#185fc3 |
rgb(24,95,195) |
hsl(215,78%,43%) |
#1554ac |
rgb(21,84,172) |
hsl(215,78%,38%) |
#134996 |
rgb(19,73,150) |
hsl(215,78%,33%) |
#103e7f |
rgb(16,62,127) |
hsl(215,78%,28%) |
#0d3368 |
rgb(13,51,104) |
hsl(215,78%,23%) |
#0a2852 |
rgb(10,40,82) |
hsl(215,78%,18%) |
#071d3b |
rgb(7,29,59) |
hsl(215,78%,13%) |
#041224 |
rgb(4,18,36) |
hsl(215,78%,8%) |
#02070e |
rgb(2,7,14) |
hsl(215,78%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AE6D5 |
rgb(42,230,213) |
hsl(175,79%,53%) |
#2A78E5 |
rgb(42,120,229) |
hsl(215,78%,53%) |
#5829E5 |
rgb(88,41,229) |
hsl(255,78%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#77A8EE |
rgb(119,168,238) |
hsl(215,78%,70%) |
#5091E9 |
rgb(80,145,233) |
hsl(215,78%,61%) |
#2A78E5 |
rgb(42,120,229) |
hsl(215,78%,53%) |
#1863CA |
rgb(24,99,202) |
hsl(215,79%,44%) |
#144FA4 |
rgb(20,79,164) |
hsl(215,78%,36%) |
#0F3D7D |
rgb(15,61,125) |
hsl(215,79%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A78E5 |
rgb(42,120,229) |
hsl(215,78%,53%) |
#E53B2A |
rgb(229,59,42) |
hsl(5,78%,53%) |
#D5E62A |
rgb(213,230,42) |
hsl(65,79%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A78E5 |
rgb(42,120,229) |
hsl(215,78%,53%) |
#E5962A |
rgb(229,150,42) |
hsl(35,78%,53%) |
#2AD6E5 |
rgb(42,214,229) |
hsl(185,78%,53%) |
#D5E62A |
rgb(213,230,42) |
hsl(65,79%,53%) |