HEX #278AA3 color — Jelly Bean
The color #278AA3 is a dark shade and moderately saturated.
Palette
278AA3 color palette from light to dark
| HEX |
RGB |
HSL |
| #eaf7fa |
rgb(234,247,250) |
hsl(192,61%,95%) |
| #d6eff5 |
rgb(214,239,245) |
hsl(192,61%,90%) |
| #c1e7f0 |
rgb(193,231,240) |
hsl(192,61%,85%) |
| #addfeb |
rgb(173,223,235) |
hsl(192,61%,80%) |
| #98d7e6 |
rgb(152,215,230) |
hsl(192,61%,75%) |
| #84cee1 |
rgb(132,206,225) |
hsl(192,61%,70%) |
| #6fc6dc |
rgb(111,198,220) |
hsl(192,61%,65%) |
| #5bbed7 |
rgb(91,190,215) |
hsl(192,61%,60%) |
| #46b6d2 |
rgb(70,182,210) |
hsl(192,61%,55%) |
| #32aecd |
rgb(50,174,205) |
hsl(192,61%,50%) |
| #2d9db9 |
rgb(45,157,185) |
hsl(192,61%,45%) |
| #288ba4 |
rgb(40,139,164) |
hsl(192,61%,40%) |
| #237a90 |
rgb(35,122,144) |
hsl(192,61%,35%) |
| #1e687b |
rgb(30,104,123) |
hsl(192,61%,30%) |
| #195767 |
rgb(25,87,103) |
hsl(192,61%,25%) |
| #144652 |
rgb(20,70,82) |
hsl(192,61%,20%) |
| #0f343e |
rgb(15,52,62) |
hsl(192,61%,15%) |
| #0a2329 |
rgb(10,35,41) |
hsl(192,61%,10%) |
| #051115 |
rgb(5,17,21) |
hsl(192,61%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #27A369 |
rgb(39,163,105) |
hsl(152,61%,40%) |
| #278AA3 |
rgb(39,138,163) |
hsl(192,61%,40%) |
| #2738A3 |
rgb(39,56,163) |
hsl(232,61%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #2DA1BD |
rgb(45,161,189) |
hsl(192,62%,46%) |
| #278AA3 |
rgb(39,138,163) |
hsl(192,61%,40%) |
| #207388 |
rgb(32,115,136) |
hsl(192,62%,33%) |
| #1A5E6E |
rgb(26,94,110) |
hsl(191,62%,27%) |
| #144754 |
rgb(20,71,84) |
hsl(192,62%,20%) |
| #0E303A |
rgb(14,48,58) |
hsl(194,61%,14%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #278AA3 |
rgb(39,138,163) |
hsl(192,61%,40%) |
| #A3264C |
rgb(163,38,76) |
hsl(342,62%,39%) |
| #A37D27 |
rgb(163,125,39) |
hsl(42,61%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #278AA3 |
rgb(39,138,163) |
hsl(192,61%,40%) |
| #A34027 |
rgb(163,64,39) |
hsl(12,61%,40%) |
| #27A37E |
rgb(39,163,126) |
hsl(162,61%,40%) |
| #A37D27 |
rgb(163,125,39) |
hsl(42,61%,40%) |
