HEX #277AA5 color — Jelly Bean
The color #277AA5 is a dark shade and moderately saturated.
Palette
277AA5 color palette from light to dark
| HEX |
RGB |
HSL |
| #eaf5fa |
rgb(234,245,250) |
hsl(200,62%,95%) |
| #d6ebf5 |
rgb(214,235,245) |
hsl(200,62%,90%) |
| #c1e1f0 |
rgb(193,225,240) |
hsl(200,62%,85%) |
| #acd7ec |
rgb(172,215,236) |
hsl(200,62%,80%) |
| #98cce7 |
rgb(152,204,231) |
hsl(200,62%,75%) |
| #83c2e2 |
rgb(131,194,226) |
hsl(200,62%,70%) |
| #6eb8dd |
rgb(110,184,221) |
hsl(200,62%,65%) |
| #5aaed8 |
rgb(90,174,216) |
hsl(200,62%,60%) |
| #45a4d3 |
rgb(69,164,211) |
hsl(200,62%,55%) |
| #309acf |
rgb(48,154,207) |
hsl(200,62%,50%) |
| #2c8aba |
rgb(44,138,186) |
hsl(200,62%,45%) |
| #277ba5 |
rgb(39,123,165) |
hsl(200,62%,40%) |
| #226c91 |
rgb(34,108,145) |
hsl(200,62%,35%) |
| #1d5c7c |
rgb(29,92,124) |
hsl(200,62%,30%) |
| #184d67 |
rgb(24,77,103) |
hsl(200,62%,25%) |
| #133e53 |
rgb(19,62,83) |
hsl(200,62%,20%) |
| #0f2e3e |
rgb(15,46,62) |
hsl(200,62%,15%) |
| #0a1f29 |
rgb(10,31,41) |
hsl(200,62%,10%) |
| #050f15 |
rgb(5,15,21) |
hsl(200,62%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #27A67C |
rgb(39,166,124) |
hsl(160,62%,40%) |
| #277AA5 |
rgb(39,122,165) |
hsl(200,62%,40%) |
| #2826A5 |
rgb(40,38,165) |
hsl(241,63%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #3C9ED0 |
rgb(60,158,208) |
hsl(200,61%,53%) |
| #2D8CBF |
rgb(45,140,191) |
hsl(201,62%,46%) |
| #277AA5 |
rgb(39,122,165) |
hsl(200,62%,40%) |
| #20668A |
rgb(32,102,138) |
hsl(200,62%,33%) |
| #1A5470 |
rgb(26,84,112) |
hsl(200,62%,27%) |
| #144055 |
rgb(20,64,85) |
hsl(199,62%,21%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #277AA5 |
rgb(39,122,165) |
hsl(200,62%,40%) |
| #A5263B |
rgb(165,38,59) |
hsl(350,63%,40%) |
| #A59127 |
rgb(165,145,39) |
hsl(50,62%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #277AA5 |
rgb(39,122,165) |
hsl(200,62%,40%) |
| #A55227 |
rgb(165,82,39) |
hsl(20,62%,40%) |
| #27A691 |
rgb(39,166,145) |
hsl(170,62%,40%) |
| #A59127 |
rgb(165,145,39) |
hsl(50,62%,40%) |
