HEX #2F84E4 color — Royal Blue
The color #2f84e4 is a dark shade and moderately saturated.
Palette
2f84e4 color palette from light to dark
HEX |
RGB |
HSL |
#fafcfe |
rgb(250,252,254) |
hsl(212,77%,99%) |
#e4effb |
rgb(228,239,251) |
hsl(212,77%,94%) |
#cde2f9 |
rgb(205,226,249) |
hsl(212,77%,89%) |
#b7d4f6 |
rgb(183,212,246) |
hsl(212,77%,84%) |
#a0c7f3 |
rgb(160,199,243) |
hsl(212,77%,79%) |
#8ab9f0 |
rgb(138,185,240) |
hsl(212,77%,74%) |
#73aced |
rgb(115,172,237) |
hsl(212,77%,69%) |
#5d9eea |
rgb(93,158,234) |
hsl(212,77%,64%) |
#4691e7 |
rgb(70,145,231) |
hsl(212,77%,59%) |
#2f84e4 |
rgb(47,132,228) |
hsl(212,77%,54%) |
#1d77dd |
rgb(29,119,221) |
hsl(212,77%,49%) |
#1a6ac7 |
rgb(26,106,199) |
hsl(212,77%,44%) |
#175eb0 |
rgb(23,94,176) |
hsl(212,77%,39%) |
#145299 |
rgb(20,82,153) |
hsl(212,77%,34%) |
#114683 |
rgb(17,70,131) |
hsl(212,77%,29%) |
#0e3a6c |
rgb(14,58,108) |
hsl(212,77%,24%) |
#0b2e56 |
rgb(11,46,86) |
hsl(212,77%,19%) |
#08223f |
rgb(8,34,63) |
hsl(212,77%,14%) |
#051629 |
rgb(5,22,41) |
hsl(212,77%,9%) |
#020a12 |
rgb(2,10,18) |
hsl(212,77%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#2FE3CB |
rgb(47,227,203) |
hsl(172,76%,54%) |
#2F84E4 |
rgb(47,132,228) |
hsl(212,77%,54%) |
#522EE4 |
rgb(82,46,228) |
hsl(252,77%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7CB3EE |
rgb(124,179,238) |
hsl(211,77%,71%) |
#559CE9 |
rgb(85,156,233) |
hsl(211,77%,62%) |
#2F84E4 |
rgb(47,132,228) |
hsl(212,77%,54%) |
#1A6ECC |
rgb(26,110,204) |
hsl(212,77%,45%) |
#1559A5 |
rgb(21,89,165) |
hsl(212,77%,36%) |
#10457E |
rgb(16,69,126) |
hsl(211,77%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#2F84E4 |
rgb(47,132,228) |
hsl(212,77%,54%) |
#E4362F |
rgb(228,54,47) |
hsl(2,77%,54%) |
#DEE32F |
rgb(222,227,47) |
hsl(62,76%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2F84E4 |
rgb(47,132,228) |
hsl(212,77%,54%) |
#E48F2F |
rgb(228,143,47) |
hsl(32,77%,54%) |
#2FDEE4 |
rgb(47,222,228) |
hsl(182,77%,54%) |
#DEE32F |
rgb(222,227,47) |
hsl(62,76%,54%) |