HEX #2D6BDD color — Royal Blue
The color #2D6BDD is a dark shade and moderately saturated.
Palette
2D6BDD color palette from light to dark
HEX |
RGB |
HSL |
#f2f6fd |
rgb(242,246,253) |
hsl(219,72%,97%) |
#dce6f9 |
rgb(220,230,249) |
hsl(219,72%,92%) |
#c6d7f6 |
rgb(198,215,246) |
hsl(219,72%,87%) |
#b0c7f2 |
rgb(176,199,242) |
hsl(219,72%,82%) |
#9ab8ef |
rgb(154,184,239) |
hsl(219,72%,77%) |
#84a8eb |
rgb(132,168,235) |
hsl(219,72%,72%) |
#6e99e7 |
rgb(110,153,231) |
hsl(219,72%,67%) |
#5889e4 |
rgb(88,137,228) |
hsl(219,72%,62%) |
#427ae0 |
rgb(66,122,224) |
hsl(219,72%,57%) |
#2c6add |
rgb(44,106,221) |
hsl(219,72%,52%) |
#225ece |
rgb(34,94,206) |
hsl(219,72%,47%) |
#1e54b8 |
rgb(30,84,184) |
hsl(219,72%,42%) |
#1a4aa2 |
rgb(26,74,162) |
hsl(219,72%,37%) |
#17408c |
rgb(23,64,140) |
hsl(219,72%,32%) |
#133676 |
rgb(19,54,118) |
hsl(219,72%,27%) |
#102c60 |
rgb(16,44,96) |
hsl(219,72%,22%) |
#0c224b |
rgb(12,34,75) |
hsl(219,72%,17%) |
#091835 |
rgb(9,24,53) |
hsl(219,72%,12%) |
#050e1f |
rgb(5,14,31) |
hsl(219,72%,7%) |
#010409 |
rgb(1,4,9) |
hsl(219,72%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2DDED9 |
rgb(45,222,217) |
hsl(178,73%,52%) |
#2D6BDD |
rgb(45,107,221) |
hsl(219,72%,52%) |
#642EDD |
rgb(100,46,221) |
hsl(259,72%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#769EE8 |
rgb(118,158,232) |
hsl(219,71%,69%) |
#5185E2 |
rgb(81,133,226) |
hsl(218,71%,60%) |
#2D6BDD |
rgb(45,107,221) |
hsl(219,72%,52%) |
#1F57C0 |
rgb(31,87,192) |
hsl(219,72%,44%) |
#19479B |
rgb(25,71,155) |
hsl(219,72%,35%) |
#133677 |
rgb(19,54,119) |
hsl(219,72%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#2D6BDD |
rgb(45,107,221) |
hsl(219,72%,52%) |
#DD472D |
rgb(221,71,45) |
hsl(9,72%,52%) |
#C3DE2D |
rgb(195,222,45) |
hsl(69,73%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2D6BDD |
rgb(45,107,221) |
hsl(219,72%,52%) |
#DD9E2D |
rgb(221,158,45) |
hsl(39,72%,52%) |
#2DC2DD |
rgb(45,194,221) |
hsl(189,72%,52%) |
#C3DE2D |
rgb(195,222,45) |
hsl(69,73%,52%) |