HEX #2D87A3 color — Jelly Bean
The color #2D87A3 is a dark shade and moderately saturated.
Palette
2D87A3 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 |
#2DA370 |
rgb(45,163,112) |
hsl(154,57%,41%) |
#2D87A3 |
rgb(45,135,163) |
hsl(194,57%,41%) |
#2D38A3 |
rgb(45,56,163) |
hsl(234,57%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#46ADCC |
rgb(70,173,204) |
hsl(194,57%,54%) |
#349CBD |
rgb(52,156,189) |
hsl(194,57%,47%) |
#2D87A3 |
rgb(45,135,163) |
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 |
#2D87A3 |
rgb(45,135,163) |
hsl(194,57%,41%) |
#A32E4C |
rgb(163,46,76) |
hsl(345,56%,41%) |
#A3852D |
rgb(163,133,45) |
hsl(45,57%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2D87A3 |
rgb(45,135,163) |
hsl(194,57%,41%) |
#A34A2D |
rgb(163,74,45) |
hsl(15,57%,41%) |
#2DA384 |
rgb(45,163,132) |
hsl(164,57%,41%) |
#A3852D |
rgb(163,133,45) |
hsl(45,57%,41%) |