HEX #2D87A2 color — Jelly Bean
The color #2D87A2 is a dark shade and moderately saturated.
Palette
2D87A2 color palette from light to dark
HEX |
RGB |
HSL |
#eff8fb |
rgb(239,248,251) |
hsl(194,57%,96%) |
#dbeff5 |
rgb(219,239,245) |
hsl(194,57%,91%) |
#c7e6f0 |
rgb(199,230,240) |
hsl(194,57%,86%) |
#b3ddea |
rgb(179,221,234) |
hsl(194,57%,81%) |
#9fd4e5 |
rgb(159,212,229) |
hsl(194,57%,76%) |
#8bccdf |
rgb(139,204,223) |
hsl(194,57%,71%) |
#77c3da |
rgb(119,195,218) |
hsl(194,57%,66%) |
#63bad4 |
rgb(99,186,212) |
hsl(194,57%,61%) |
#4fb1cf |
rgb(79,177,207) |
hsl(194,57%,56%) |
#3ba8c9 |
rgb(59,168,201) |
hsl(194,57%,51%) |
#3299b8 |
rgb(50,153,184) |
hsl(194,57%,46%) |
#2d88a4 |
rgb(45,136,164) |
hsl(194,57%,41%) |
#277890 |
rgb(39,120,144) |
hsl(194,57%,36%) |
#22677c |
rgb(34,103,124) |
hsl(194,57%,31%) |
#1d5668 |
rgb(29,86,104) |
hsl(194,57%,26%) |
#174654 |
rgb(23,70,84) |
hsl(194,57%,21%) |
#123540 |
rgb(18,53,64) |
hsl(194,57%,16%) |
#0c252c |
rgb(12,37,44) |
hsl(194,57%,11%) |
#071418 |
rgb(7,20,24) |
hsl(194,57%,6%) |
#010304 |
rgb(1,3,4) |
hsl(194,57%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#2DA36F |
rgb(45,163,111) |
hsl(154,57%,41%) |
#2D87A2 |
rgb(45,135,162) |
hsl(194,57%,41%) |
#2D38A2 |
rgb(45,56,162) |
hsl(234,57%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#45ADCB |
rgb(69,173,203) |
hsl(193,56%,53%) |
#349CBB |
rgb(52,156,187) |
hsl(194,56%,47%) |
#2D87A2 |
rgb(45,135,162) |
hsl(194,57%,41%) |
#257088 |
rgb(37,112,136) |
hsl(195,57%,34%) |
#1E5C6E |
rgb(30,92,110) |
hsl(194,57%,27%) |
#174754 |
rgb(23,71,84) |
hsl(193,57%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2D87A2 |
rgb(45,135,162) |
hsl(194,57%,41%) |
#A22E4C |
rgb(162,46,76) |
hsl(344,56%,41%) |
#A2822D |
rgb(162,130,45) |
hsl(44,57%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2D87A2 |
rgb(45,135,162) |
hsl(194,57%,41%) |
#A2472D |
rgb(162,71,45) |
hsl(13,57%,41%) |
#2DA382 |
rgb(45,163,130) |
hsl(163,57%,41%) |
#A2822D |
rgb(162,130,45) |
hsl(44,57%,41%) |