HEX #2778E6 color — Royal Blue
The color #2778E6 is a dark shade and highly saturated.
Palette
2778E6 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fe |
rgb(246,249,254) |
hsl(215,79%,98%) |
#dfebfb |
rgb(223,235,251) |
hsl(215,79%,93%) |
#c8dcf9 |
rgb(200,220,249) |
hsl(215,79%,88%) |
#b1cef6 |
rgb(177,206,246) |
hsl(215,79%,83%) |
#9bc0f3 |
rgb(155,192,243) |
hsl(215,79%,78%) |
#84b1f1 |
rgb(132,177,241) |
hsl(215,79%,73%) |
#6da3ee |
rgb(109,163,238) |
hsl(215,79%,68%) |
#5694eb |
rgb(86,148,235) |
hsl(215,79%,63%) |
#3f86e9 |
rgb(63,134,233) |
hsl(215,79%,58%) |
#2877e6 |
rgb(40,119,230) |
hsl(215,79%,53%) |
#1a6adb |
rgb(26,106,219) |
hsl(215,79%,48%) |
#175fc4 |
rgb(23,95,196) |
hsl(215,79%,43%) |
#1454ad |
rgb(20,84,173) |
hsl(215,79%,38%) |
#124997 |
rgb(18,73,151) |
hsl(215,79%,33%) |
#0f3e80 |
rgb(15,62,128) |
hsl(215,79%,28%) |
#0c3369 |
rgb(12,51,105) |
hsl(215,79%,23%) |
#0a2852 |
rgb(10,40,82) |
hsl(215,79%,18%) |
#071d3b |
rgb(7,29,59) |
hsl(215,79%,13%) |
#041225 |
rgb(4,18,37) |
hsl(215,79%,8%) |
#02070e |
rgb(2,7,14) |
hsl(215,79%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#27E6D4 |
rgb(39,230,212) |
hsl(174,79%,53%) |
#2778E6 |
rgb(39,120,230) |
hsl(215,79%,53%) |
#5526E6 |
rgb(85,38,230) |
hsl(255,79%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#74A8EE |
rgb(116,168,238) |
hsl(214,78%,69%) |
#4D91EA |
rgb(77,145,234) |
hsl(214,79%,61%) |
#2778E6 |
rgb(39,120,230) |
hsl(215,79%,53%) |
#1763CA |
rgb(23,99,202) |
hsl(215,80%,44%) |
#1252A3 |
rgb(18,82,163) |
hsl(214,80%,35%) |
#0E3D7D |
rgb(14,61,125) |
hsl(215,80%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#2778E6 |
rgb(39,120,230) |
hsl(215,79%,53%) |
#E63627 |
rgb(230,54,39) |
hsl(5,79%,53%) |
#D7E627 |
rgb(215,230,39) |
hsl(65,79%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2778E6 |
rgb(39,120,230) |
hsl(215,79%,53%) |
#E69427 |
rgb(230,148,39) |
hsl(34,79%,53%) |
#27D9E6 |
rgb(39,217,230) |
hsl(184,79%,53%) |
#D7E627 |
rgb(215,230,39) |
hsl(65,79%,53%) |