HEX #2C7AA3 color — Jelly Bean
The color #2C7AA3 is a dark shade and moderately saturated.
Palette
2C7AA3 color palette from light to dark
HEX |
RGB |
HSL |
#eff7fb |
rgb(239,247,251) |
hsl(201,57%,96%) |
#dbecf5 |
rgb(219,236,245) |
hsl(201,57%,91%) |
#c7e1f0 |
rgb(199,225,240) |
hsl(201,57%,86%) |
#b3d7ea |
rgb(179,215,234) |
hsl(201,57%,81%) |
#9fcce5 |
rgb(159,204,229) |
hsl(201,57%,76%) |
#8bc2df |
rgb(139,194,223) |
hsl(201,57%,71%) |
#77b7da |
rgb(119,183,218) |
hsl(201,57%,66%) |
#63add4 |
rgb(99,173,212) |
hsl(201,57%,61%) |
#4fa2cf |
rgb(79,162,207) |
hsl(201,57%,56%) |
#3b97c9 |
rgb(59,151,201) |
hsl(201,57%,51%) |
#3289b8 |
rgb(50,137,184) |
hsl(201,57%,46%) |
#2d7aa4 |
rgb(45,122,164) |
hsl(201,57%,41%) |
#276b90 |
rgb(39,107,144) |
hsl(201,57%,36%) |
#225d7c |
rgb(34,93,124) |
hsl(201,57%,31%) |
#1d4e68 |
rgb(29,78,104) |
hsl(201,57%,26%) |
#173f54 |
rgb(23,63,84) |
hsl(201,57%,21%) |
#123040 |
rgb(18,48,64) |
hsl(201,57%,16%) |
#0c212c |
rgb(12,33,44) |
hsl(201,57%,11%) |
#071218 |
rgb(7,18,24) |
hsl(201,57%,6%) |
#010304 |
rgb(1,3,4) |
hsl(201,57%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#2CA37C |
rgb(44,163,124) |
hsl(160,57%,41%) |
#2C7AA3 |
rgb(44,122,163) |
hsl(201,57%,41%) |
#2D2BA3 |
rgb(45,43,163) |
hsl(241,58%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#449ECC |
rgb(68,158,204) |
hsl(200,57%,53%) |
#338CBD |
rgb(51,140,189) |
hsl(201,58%,47%) |
#2C7AA3 |
rgb(44,122,163) |
hsl(201,57%,41%) |
#246688 |
rgb(36,102,136) |
hsl(200,58%,34%) |
#1D546E |
rgb(29,84,110) |
hsl(199,58%,27%) |
#164054 |
rgb(22,64,84) |
hsl(199,58%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C7AA3 |
rgb(44,122,163) |
hsl(201,57%,41%) |
#A32B3E |
rgb(163,43,62) |
hsl(351,58%,40%) |
#A3912C |
rgb(163,145,44) |
hsl(51,57%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C7AA3 |
rgb(44,122,163) |
hsl(201,57%,41%) |
#A3542C |
rgb(163,84,44) |
hsl(20,57%,41%) |
#2CA390 |
rgb(44,163,144) |
hsl(170,57%,41%) |
#A3912C |
rgb(163,145,44) |
hsl(51,57%,41%) |