HEX #2C7AAE color — Jelly Bean
The color #2C7AAE is a dark shade and moderately saturated.
Palette
2C7AAE color palette from light to dark
HEX |
RGB |
HSL |
#f7fbfd |
rgb(247,251,253) |
hsl(204,60%,98%) |
#e2eff8 |
rgb(226,239,248) |
hsl(204,60%,93%) |
#cee4f3 |
rgb(206,228,243) |
hsl(204,60%,88%) |
#bad9ee |
rgb(186,217,238) |
hsl(204,60%,83%) |
#a5cee9 |
rgb(165,206,233) |
hsl(204,60%,78%) |
#91c2e3 |
rgb(145,194,227) |
hsl(204,60%,73%) |
#7cb7de |
rgb(124,183,222) |
hsl(204,60%,68%) |
#68acd9 |
rgb(104,172,217) |
hsl(204,60%,63%) |
#54a1d4 |
rgb(84,161,212) |
hsl(204,60%,58%) |
#3f96cf |
rgb(63,150,207) |
hsl(204,60%,53%) |
#3189c4 |
rgb(49,137,196) |
hsl(204,60%,48%) |
#2c7baf |
rgb(44,123,175) |
hsl(204,60%,43%) |
#276d9b |
rgb(39,109,155) |
hsl(204,60%,38%) |
#225e87 |
rgb(34,94,135) |
hsl(204,60%,33%) |
#1d5072 |
rgb(29,80,114) |
hsl(204,60%,28%) |
#17425e |
rgb(23,66,94) |
hsl(204,60%,23%) |
#123349 |
rgb(18,51,73) |
hsl(204,60%,18%) |
#0d2535 |
rgb(13,37,53) |
hsl(204,60%,13%) |
#081721 |
rgb(8,23,33) |
hsl(204,60%,8%) |
#03090c |
rgb(3,9,12) |
hsl(204,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CAD8B |
rgb(44,173,139) |
hsl(164,59%,43%) |
#2C7AAE |
rgb(44,122,174) |
hsl(204,60%,43%) |
#342BAE |
rgb(52,43,174) |
hsl(244,60%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4D9ED2 |
rgb(77,158,210) |
hsl(203,60%,56%) |
#338CC9 |
rgb(51,140,201) |
hsl(204,60%,49%) |
#2C7AAE |
rgb(44,122,174) |
hsl(204,60%,43%) |
#246692 |
rgb(36,102,146) |
hsl(204,60%,36%) |
#1D5476 |
rgb(29,84,118) |
hsl(203,61%,29%) |
#16405A |
rgb(22,64,90) |
hsl(203,61%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C7AAE |
rgb(44,122,174) |
hsl(204,60%,43%) |
#AE2B39 |
rgb(174,43,57) |
hsl(354,60%,43%) |
#AEA12C |
rgb(174,161,44) |
hsl(54,60%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C7AAE |
rgb(44,122,174) |
hsl(204,60%,43%) |
#AE612C |
rgb(174,97,44) |
hsl(24,60%,43%) |
#2CADA1 |
rgb(44,173,161) |
hsl(174,59%,43%) |
#AEA12C |
rgb(174,161,44) |
hsl(54,60%,43%) |