HEX #2C87A1 color — Jelly Bean
The color #2C87A1 is a dark shade and moderately saturated.
Palette
2C87A1 color palette from light to dark
| HEX |
RGB |
HSL |
| #ebf6fa |
rgb(235,246,250) |
hsl(193,57%,95%) |
| #d7eef4 |
rgb(215,238,244) |
hsl(193,57%,90%) |
| #c3e5ef |
rgb(195,229,239) |
hsl(193,57%,85%) |
| #afdce9 |
rgb(175,220,233) |
hsl(193,57%,80%) |
| #9bd4e4 |
rgb(155,212,228) |
hsl(193,57%,75%) |
| #87cbde |
rgb(135,203,222) |
hsl(193,57%,70%) |
| #73c3d9 |
rgb(115,195,217) |
hsl(193,57%,65%) |
| #5fbad3 |
rgb(95,186,211) |
hsl(193,57%,60%) |
| #4bb1ce |
rgb(75,177,206) |
hsl(193,57%,55%) |
| #37a9c8 |
rgb(55,169,200) |
hsl(193,57%,50%) |
| #3198b4 |
rgb(49,152,180) |
hsl(193,57%,45%) |
| #2c87a0 |
rgb(44,135,160) |
hsl(193,57%,40%) |
| #26768c |
rgb(38,118,140) |
hsl(193,57%,35%) |
| #216578 |
rgb(33,101,120) |
hsl(193,57%,30%) |
| #1b5464 |
rgb(27,84,100) |
hsl(193,57%,25%) |
| #164350 |
rgb(22,67,80) |
hsl(193,57%,20%) |
| #10333c |
rgb(16,51,60) |
hsl(193,57%,15%) |
| #0b2228 |
rgb(11,34,40) |
hsl(193,57%,10%) |
| #051114 |
rgb(5,17,20) |
hsl(193,57%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #2CA16D |
rgb(44,161,109) |
hsl(153,57%,40%) |
| #2C87A1 |
rgb(44,135,161) |
hsl(193,57%,40%) |
| #2C38A1 |
rgb(44,56,161) |
hsl(234,57%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #42ADCB |
rgb(66,173,203) |
hsl(193,57%,53%) |
| #339CBA |
rgb(51,156,186) |
hsl(193,57%,46%) |
| #2C87A1 |
rgb(44,135,161) |
hsl(193,57%,40%) |
| #247087 |
rgb(36,112,135) |
hsl(194,58%,34%) |
| #1D5C6D |
rgb(29,92,109) |
hsl(193,58%,27%) |
| #164753 |
rgb(22,71,83) |
hsl(192,58%,21%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2C87A1 |
rgb(44,135,161) |
hsl(193,57%,40%) |
| #A12B4C |
rgb(161,43,76) |
hsl(343,58%,40%) |
| #A1802C |
rgb(161,128,44) |
hsl(43,57%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2C87A1 |
rgb(44,135,161) |
hsl(193,57%,40%) |
| #A1452C |
rgb(161,69,44) |
hsl(13,57%,40%) |
| #2CA180 |
rgb(44,161,128) |
hsl(163,57%,40%) |
| #A1802C |
rgb(161,128,44) |
hsl(43,57%,40%) |
