HEX #2F7AE9 color — Royal Blue
The color #2f7ae9 is a dark shade and moderately saturated.
Palette
2f7ae9 color palette from light to dark
HEX |
RGB |
HSL |
#e8f0fd |
rgb(232,240,253) |
hsl(216,81%,95%) |
#d1e1fa |
rgb(209,225,250) |
hsl(216,81%,90%) |
#bad3f8 |
rgb(186,211,248) |
hsl(216,81%,85%) |
#a3c4f5 |
rgb(163,196,245) |
hsl(216,81%,80%) |
#8cb5f3 |
rgb(140,181,243) |
hsl(216,81%,75%) |
#75a6f0 |
rgb(117,166,240) |
hsl(216,81%,70%) |
#5d97ee |
rgb(93,151,238) |
hsl(216,81%,65%) |
#4688ec |
rgb(70,136,236) |
hsl(216,81%,60%) |
#2f7ae9 |
rgb(47,122,233) |
hsl(216,81%,55%) |
#186be7 |
rgb(24,107,231) |
hsl(216,81%,50%) |
#1660d0 |
rgb(22,96,208) |
hsl(216,81%,45%) |
#1355b9 |
rgb(19,85,185) |
hsl(216,81%,40%) |
#114ba2 |
rgb(17,75,162) |
hsl(216,81%,35%) |
#0f408a |
rgb(15,64,138) |
hsl(216,81%,30%) |
#0c3573 |
rgb(12,53,115) |
hsl(216,81%,25%) |
#0a2b5c |
rgb(10,43,92) |
hsl(216,81%,20%) |
#072045 |
rgb(7,32,69) |
hsl(216,81%,15%) |
#05152e |
rgb(5,21,46) |
hsl(216,81%,10%) |
#020b17 |
rgb(2,11,23) |
hsl(216,81%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2FE8DC |
rgb(47,232,220) |
hsl(176,80%,55%) |
#2F7AE9 |
rgb(47,122,233) |
hsl(216,81%,55%) |
#602EE9 |
rgb(96,46,233) |
hsl(256,81%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#80ADF1 |
rgb(128,173,241) |
hsl(216,80%,72%) |
#5794ED |
rgb(87,148,237) |
hsl(216,81%,64%) |
#2F7AE9 |
rgb(47,122,233) |
hsl(216,81%,55%) |
#1663D4 |
rgb(22,99,212) |
hsl(216,81%,46%) |
#124FAC |
rgb(18,79,172) |
hsl(216,81%,37%) |
#0D3D83 |
rgb(13,61,131) |
hsl(216,82%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#2F7AE9 |
rgb(47,122,233) |
hsl(216,81%,55%) |
#E9402F |
rgb(233,64,47) |
hsl(5,81%,55%) |
#D7E82F |
rgb(215,232,47) |
hsl(66,80%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2F7AE9 |
rgb(47,122,233) |
hsl(216,81%,55%) |
#E99E2F |
rgb(233,158,47) |
hsl(36,81%,55%) |
#2FD6E9 |
rgb(47,214,233) |
hsl(186,81%,55%) |
#D7E82F |
rgb(215,232,47) |
hsl(66,80%,55%) |