HEX #276CA5 color — Jelly Bean
The color #276ca5 is a dark shade and moderately saturated.
Palette
276ca5 color palette from light to dark
HEX |
RGB |
HSL |
#eaf3fa |
rgb(234,243,250) |
hsl(207,62%,95%) |
#d6e7f5 |
rgb(214,231,245) |
hsl(207,62%,90%) |
#c1dbf0 |
rgb(193,219,240) |
hsl(207,62%,85%) |
#accfec |
rgb(172,207,236) |
hsl(207,62%,80%) |
#98c3e7 |
rgb(152,195,231) |
hsl(207,62%,75%) |
#83b7e2 |
rgb(131,183,226) |
hsl(207,62%,70%) |
#6eabdd |
rgb(110,171,221) |
hsl(207,62%,65%) |
#5a9fd8 |
rgb(90,159,216) |
hsl(207,62%,60%) |
#4593d3 |
rgb(69,147,211) |
hsl(207,62%,55%) |
#3087cf |
rgb(48,135,207) |
hsl(207,62%,50%) |
#2c7aba |
rgb(44,122,186) |
hsl(207,62%,45%) |
#276ca5 |
rgb(39,108,165) |
hsl(207,62%,40%) |
#225f91 |
rgb(34,95,145) |
hsl(207,62%,35%) |
#1d517c |
rgb(29,81,124) |
hsl(207,62%,30%) |
#184467 |
rgb(24,68,103) |
hsl(207,62%,25%) |
#133653 |
rgb(19,54,83) |
hsl(207,62%,20%) |
#0f293e |
rgb(15,41,62) |
hsl(207,62%,15%) |
#0a1b29 |
rgb(10,27,41) |
hsl(207,62%,10%) |
#050e15 |
rgb(5,14,21) |
hsl(207,62%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#27A68A |
rgb(39,166,138) |
hsl(167,62%,40%) |
#276CA5 |
rgb(39,108,165) |
hsl(207,62%,40%) |
#3626A5 |
rgb(54,38,165) |
hsl(248,63%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3C8FD0 |
rgb(60,143,208) |
hsl(206,61%,53%) |
#2D7DBF |
rgb(45,125,191) |
hsl(207,62%,46%) |
#276CA5 |
rgb(39,108,165) |
hsl(207,62%,40%) |
#205C8A |
rgb(32,92,138) |
hsl(206,62%,33%) |
#1A4A70 |
rgb(26,74,112) |
hsl(207,62%,27%) |
#143855 |
rgb(20,56,85) |
hsl(207,62%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#276CA5 |
rgb(39,108,165) |
hsl(207,62%,40%) |
#A5262D |
rgb(165,38,45) |
hsl(357,63%,40%) |
#A59E27 |
rgb(165,158,39) |
hsl(57,62%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#276CA5 |
rgb(39,108,165) |
hsl(207,62%,40%) |
#A56127 |
rgb(165,97,39) |
hsl(28,62%,40%) |
#27A69F |
rgb(39,166,159) |
hsl(177,62%,40%) |
#A59E27 |
rgb(165,158,39) |
hsl(57,62%,40%) |