HEX #2F78E3 color — Royal Blue
The color #2F78E3 is a dark shade and moderately saturated.
Palette
2F78E3 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(216,76%,99%) |
#e4edfb |
rgb(228,237,251) |
hsl(216,76%,94%) |
#cedff8 |
rgb(206,223,248) |
hsl(216,76%,89%) |
#b7d0f5 |
rgb(183,208,245) |
hsl(216,76%,84%) |
#a1c1f2 |
rgb(161,193,242) |
hsl(216,76%,79%) |
#8ab3ef |
rgb(138,179,239) |
hsl(216,76%,74%) |
#74a4ec |
rgb(116,164,236) |
hsl(216,76%,69%) |
#5d95e9 |
rgb(93,149,233) |
hsl(216,76%,64%) |
#4787e6 |
rgb(71,135,230) |
hsl(216,76%,59%) |
#3178e3 |
rgb(49,120,227) |
hsl(216,76%,54%) |
#1e6adc |
rgb(30,106,220) |
hsl(216,76%,49%) |
#1b5fc5 |
rgb(27,95,197) |
hsl(216,76%,44%) |
#1854af |
rgb(24,84,175) |
hsl(216,76%,39%) |
#154a99 |
rgb(21,74,153) |
hsl(216,76%,34%) |
#123f82 |
rgb(18,63,130) |
hsl(216,76%,29%) |
#0f346c |
rgb(15,52,108) |
hsl(216,76%,24%) |
#0c2955 |
rgb(12,41,85) |
hsl(216,76%,19%) |
#091e3f |
rgb(9,30,63) |
hsl(216,76%,14%) |
#061328 |
rgb(6,19,40) |
hsl(216,76%,9%) |
#020912 |
rgb(2,9,18) |
hsl(216,76%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#2FE3D6 |
rgb(47,227,214) |
hsl(176,76%,54%) |
#2F78E3 |
rgb(47,120,227) |
hsl(216,76%,54%) |
#5E2EE3 |
rgb(94,46,227) |
hsl(256,76%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7CABED |
rgb(124,171,237) |
hsl(215,76%,71%) |
#5591E8 |
rgb(85,145,232) |
hsl(216,76%,62%) |
#2F78E3 |
rgb(47,120,227) |
hsl(216,76%,54%) |
#1B63CA |
rgb(27,99,202) |
hsl(215,76%,45%) |
#164FA4 |
rgb(22,79,164) |
hsl(216,76%,36%) |
#103D7D |
rgb(16,61,125) |
hsl(215,77%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#2F78E3 |
rgb(47,120,227) |
hsl(216,76%,54%) |
#E3402F |
rgb(227,64,47) |
hsl(6,76%,54%) |
#D2E32F |
rgb(210,227,47) |
hsl(66,76%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2F78E3 |
rgb(47,120,227) |
hsl(216,76%,54%) |
#E3992F |
rgb(227,153,47) |
hsl(35,76%,54%) |
#2FD1E3 |
rgb(47,209,227) |
hsl(186,76%,54%) |
#D2E32F |
rgb(210,227,47) |
hsl(66,76%,54%) |