HEX #276AA5 color — Jelly Bean
The color #276aa5 is a dark shade and moderately saturated.
Palette
276aa5 color palette from light to dark
HEX |
RGB |
HSL |
#eaf3fa |
rgb(234,243,250) |
hsl(208,62%,95%) |
#d6e7f5 |
rgb(214,231,245) |
hsl(208,62%,90%) |
#c1daf0 |
rgb(193,218,240) |
hsl(208,62%,85%) |
#acceec |
rgb(172,206,236) |
hsl(208,62%,80%) |
#98c2e7 |
rgb(152,194,231) |
hsl(208,62%,75%) |
#83b6e2 |
rgb(131,182,226) |
hsl(208,62%,70%) |
#6ea9dd |
rgb(110,169,221) |
hsl(208,62%,65%) |
#5a9dd8 |
rgb(90,157,216) |
hsl(208,62%,60%) |
#4591d3 |
rgb(69,145,211) |
hsl(208,62%,55%) |
#3085cf |
rgb(48,133,207) |
hsl(208,62%,50%) |
#2c77ba |
rgb(44,119,186) |
hsl(208,62%,45%) |
#276aa5 |
rgb(39,106,165) |
hsl(208,62%,40%) |
#225d91 |
rgb(34,93,145) |
hsl(208,62%,35%) |
#1d507c |
rgb(29,80,124) |
hsl(208,62%,30%) |
#184267 |
rgb(24,66,103) |
hsl(208,62%,25%) |
#133553 |
rgb(19,53,83) |
hsl(208,62%,20%) |
#0f283e |
rgb(15,40,62) |
hsl(208,62%,15%) |
#0a1b29 |
rgb(10,27,41) |
hsl(208,62%,10%) |
#050d15 |
rgb(5,13,21) |
hsl(208,62%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#27A68C |
rgb(39,166,140) |
hsl(168,62%,40%) |
#276AA5 |
rgb(39,106,165) |
hsl(208,62%,40%) |
#3826A5 |
rgb(56,38,165) |
hsl(249,63%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3C8CD0 |
rgb(60,140,208) |
hsl(208,61%,53%) |
#2D7ABF |
rgb(45,122,191) |
hsl(208,62%,46%) |
#276AA5 |
rgb(39,106,165) |
hsl(208,62%,40%) |
#20598A |
rgb(32,89,138) |
hsl(208,62%,33%) |
#1A4770 |
rgb(26,71,112) |
hsl(209,62%,27%) |
#143855 |
rgb(20,56,85) |
hsl(207,62%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#276AA5 |
rgb(39,106,165) |
hsl(208,62%,40%) |
#A5262B |
rgb(165,38,43) |
hsl(358,63%,40%) |
#A5A127 |
rgb(165,161,39) |
hsl(58,62%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#276AA5 |
rgb(39,106,165) |
hsl(208,62%,40%) |
#A56127 |
rgb(165,97,39) |
hsl(28,62%,40%) |
#27A6A1 |
rgb(39,166,161) |
hsl(178,62%,40%) |
#A5A127 |
rgb(165,161,39) |
hsl(58,62%,40%) |