HEX #278AA5 color — Jelly Bean
The color #278aa5 is a dark shade and moderately saturated.
Palette
278aa5 color palette from light to dark
| HEX |
RGB |
HSL |
| #eaf7fa |
rgb(234,247,250) |
hsl(193,62%,95%) |
| #d6eef5 |
rgb(214,238,245) |
hsl(193,62%,90%) |
| #c1e6f0 |
rgb(193,230,240) |
hsl(193,62%,85%) |
| #acdeec |
rgb(172,222,236) |
hsl(193,62%,80%) |
| #98d6e7 |
rgb(152,214,231) |
hsl(193,62%,75%) |
| #83cde2 |
rgb(131,205,226) |
hsl(193,62%,70%) |
| #6ec5dd |
rgb(110,197,221) |
hsl(193,62%,65%) |
| #5abdd8 |
rgb(90,189,216) |
hsl(193,62%,60%) |
| #45b5d3 |
rgb(69,181,211) |
hsl(193,62%,55%) |
| #30accf |
rgb(48,172,207) |
hsl(193,62%,50%) |
| #2c9bba |
rgb(44,155,186) |
hsl(193,62%,45%) |
| #278aa5 |
rgb(39,138,165) |
hsl(193,62%,40%) |
| #227991 |
rgb(34,121,145) |
hsl(193,62%,35%) |
| #1d677c |
rgb(29,103,124) |
hsl(193,62%,30%) |
| #185667 |
rgb(24,86,103) |
hsl(193,62%,25%) |
| #134553 |
rgb(19,69,83) |
hsl(193,62%,20%) |
| #0f343e |
rgb(15,52,62) |
hsl(193,62%,15%) |
| #0a2229 |
rgb(10,34,41) |
hsl(193,62%,10%) |
| #051115 |
rgb(5,17,21) |
hsl(193,62%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #27A66C |
rgb(39,166,108) |
hsl(153,62%,40%) |
| #278AA5 |
rgb(39,138,165) |
hsl(193,62%,40%) |
| #2736A5 |
rgb(39,54,165) |
hsl(233,62%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #3CB0D0 |
rgb(60,176,208) |
hsl(193,61%,53%) |
| #2DA1BF |
rgb(45,161,191) |
hsl(192,62%,46%) |
| #278AA5 |
rgb(39,138,165) |
hsl(193,62%,40%) |
| #20738A |
rgb(32,115,138) |
hsl(193,62%,33%) |
| #1A5E70 |
rgb(26,94,112) |
hsl(193,62%,27%) |
| #144755 |
rgb(20,71,85) |
hsl(193,62%,21%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #278AA5 |
rgb(39,138,165) |
hsl(193,62%,40%) |
| #A5264B |
rgb(165,38,75) |
hsl(343,63%,40%) |
| #A58227 |
rgb(165,130,39) |
hsl(43,62%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #278AA5 |
rgb(39,138,165) |
hsl(193,62%,40%) |
| #A54227 |
rgb(165,66,39) |
hsl(13,62%,40%) |
| #27A681 |
rgb(39,166,129) |
hsl(163,62%,40%) |
| #A58227 |
rgb(165,130,39) |
hsl(43,62%,40%) |
