HEX #2A87A4 color — Jelly Bean
The color #2A87A4 is a dark shade and moderately saturated.
Palette
2A87A4 color palette from light to dark
HEX |
RGB |
HSL |
#ebf6fa |
rgb(235,246,250) |
hsl(194,59%,95%) |
#d6eef5 |
rgb(214,238,245) |
hsl(194,59%,90%) |
#c2e5ef |
rgb(194,229,239) |
hsl(194,59%,85%) |
#aedcea |
rgb(174,220,234) |
hsl(194,59%,80%) |
#9ad3e5 |
rgb(154,211,229) |
hsl(194,59%,75%) |
#85cbe0 |
rgb(133,203,224) |
hsl(194,59%,70%) |
#71c2da |
rgb(113,194,218) |
hsl(194,59%,65%) |
#5db9d5 |
rgb(93,185,213) |
hsl(194,59%,60%) |
#49b0d0 |
rgb(73,176,208) |
hsl(194,59%,55%) |
#34a8cb |
rgb(52,168,203) |
hsl(194,59%,50%) |
#2f97b6 |
rgb(47,151,182) |
hsl(194,59%,45%) |
#2a86a2 |
rgb(42,134,162) |
hsl(194,59%,40%) |
#25758e |
rgb(37,117,142) |
hsl(194,59%,35%) |
#1f657a |
rgb(31,101,122) |
hsl(194,59%,30%) |
#1a5465 |
rgb(26,84,101) |
hsl(194,59%,25%) |
#154351 |
rgb(21,67,81) |
hsl(194,59%,20%) |
#10323d |
rgb(16,50,61) |
hsl(194,59%,15%) |
#0a2229 |
rgb(10,34,41) |
hsl(194,59%,10%) |
#051114 |
rgb(5,17,20) |
hsl(194,59%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AA36F |
rgb(42,163,111) |
hsl(154,59%,40%) |
#2A87A4 |
rgb(42,135,164) |
hsl(194,59%,40%) |
#2A36A4 |
rgb(42,54,164) |
hsl(234,59%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#41ADCE |
rgb(65,173,206) |
hsl(194,59%,53%) |
#309CBE |
rgb(48,156,190) |
hsl(194,60%,47%) |
#2A87A4 |
rgb(42,135,164) |
hsl(194,59%,40%) |
#237089 |
rgb(35,112,137) |
hsl(195,59%,34%) |
#1C5C6F |
rgb(28,92,111) |
hsl(194,60%,27%) |
#154755 |
rgb(21,71,85) |
hsl(193,60%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A87A4 |
rgb(42,135,164) |
hsl(194,59%,40%) |
#A4294A |
rgb(164,41,74) |
hsl(344,60%,40%) |
#A4852A |
rgb(164,133,42) |
hsl(45,59%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A87A4 |
rgb(42,135,164) |
hsl(194,59%,40%) |
#A4472A |
rgb(164,71,42) |
hsl(14,59%,40%) |
#2AA384 |
rgb(42,163,132) |
hsl(165,59%,40%) |
#A4852A |
rgb(164,133,42) |
hsl(45,59%,40%) |