HEX #2A87A1 color — Jelly Bean
The color #2A87A1 is a dark shade and moderately saturated.
Palette
2A87A1 color palette from light to dark
HEX |
RGB |
HSL |
#ebf7fa |
rgb(235,247,250) |
hsl(193,59%,95%) |
#d6eef5 |
rgb(214,238,245) |
hsl(193,59%,90%) |
#c2e6ef |
rgb(194,230,239) |
hsl(193,59%,85%) |
#aeddea |
rgb(174,221,234) |
hsl(193,59%,80%) |
#9ad5e5 |
rgb(154,213,229) |
hsl(193,59%,75%) |
#85cce0 |
rgb(133,204,224) |
hsl(193,59%,70%) |
#71c4da |
rgb(113,196,218) |
hsl(193,59%,65%) |
#5dbbd5 |
rgb(93,187,213) |
hsl(193,59%,60%) |
#49b3d0 |
rgb(73,179,208) |
hsl(193,59%,55%) |
#34aacb |
rgb(52,170,203) |
hsl(193,59%,50%) |
#2f99b6 |
rgb(47,153,182) |
hsl(193,59%,45%) |
#2a88a2 |
rgb(42,136,162) |
hsl(193,59%,40%) |
#25778e |
rgb(37,119,142) |
hsl(193,59%,35%) |
#1f667a |
rgb(31,102,122) |
hsl(193,59%,30%) |
#1a5565 |
rgb(26,85,101) |
hsl(193,59%,25%) |
#154451 |
rgb(21,68,81) |
hsl(193,59%,20%) |
#10333d |
rgb(16,51,61) |
hsl(193,59%,15%) |
#0a2229 |
rgb(10,34,41) |
hsl(193,59%,10%) |
#051114 |
rgb(5,17,20) |
hsl(193,59%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AA16B |
rgb(42,161,107) |
hsl(153,59%,40%) |
#2A87A1 |
rgb(42,135,161) |
hsl(193,59%,40%) |
#2A38A1 |
rgb(42,56,161) |
hsl(233,59%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#309CBA |
rgb(48,156,186) |
hsl(193,59%,46%) |
#2A87A1 |
rgb(42,135,161) |
hsl(193,59%,40%) |
#237087 |
rgb(35,112,135) |
hsl(194,59%,33%) |
#1C5C6D |
rgb(28,92,109) |
hsl(193,59%,27%) |
#154753 |
rgb(21,71,83) |
hsl(192,60%,20%) |
#0F3039 |
rgb(15,48,57) |
hsl(193,58%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A87A1 |
rgb(42,135,161) |
hsl(193,59%,40%) |
#A1294B |
rgb(161,41,75) |
hsl(343,59%,40%) |
#A1802A |
rgb(161,128,42) |
hsl(43,59%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A87A1 |
rgb(42,135,161) |
hsl(193,59%,40%) |
#A1452A |
rgb(161,69,42) |
hsl(14,59%,40%) |
#2AA17F |
rgb(42,161,127) |
hsl(163,59%,40%) |
#A1802A |
rgb(161,128,42) |
hsl(43,59%,40%) |