HEX #2A6AA2 color — Jelly Bean
The color #2a6aa2 is a dark shade and moderately saturated.
Palette
2a6aa2 color palette from light to dark
HEX |
RGB |
HSL |
#ebf3fa |
rgb(235,243,250) |
hsl(208,59%,95%) |
#d6e7f5 |
rgb(214,231,245) |
hsl(208,59%,90%) |
#c2daef |
rgb(194,218,239) |
hsl(208,59%,85%) |
#aeceea |
rgb(174,206,234) |
hsl(208,59%,80%) |
#9ac2e5 |
rgb(154,194,229) |
hsl(208,59%,75%) |
#85b6e0 |
rgb(133,182,224) |
hsl(208,59%,70%) |
#71a9da |
rgb(113,169,218) |
hsl(208,59%,65%) |
#5d9dd5 |
rgb(93,157,213) |
hsl(208,59%,60%) |
#4991d0 |
rgb(73,145,208) |
hsl(208,59%,55%) |
#3485cb |
rgb(52,133,203) |
hsl(208,59%,50%) |
#2f77b6 |
rgb(47,119,182) |
hsl(208,59%,45%) |
#2a6aa2 |
rgb(42,106,162) |
hsl(208,59%,40%) |
#255d8e |
rgb(37,93,142) |
hsl(208,59%,35%) |
#1f507a |
rgb(31,80,122) |
hsl(208,59%,30%) |
#1a4265 |
rgb(26,66,101) |
hsl(208,59%,25%) |
#153551 |
rgb(21,53,81) |
hsl(208,59%,20%) |
#10283d |
rgb(16,40,61) |
hsl(208,59%,15%) |
#0a1b29 |
rgb(10,27,41) |
hsl(208,59%,10%) |
#050d14 |
rgb(5,13,20) |
hsl(208,59%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AA38A |
rgb(42,163,138) |
hsl(168,59%,40%) |
#2A6AA2 |
rgb(42,106,162) |
hsl(208,59%,40%) |
#3A29A2 |
rgb(58,41,162) |
hsl(248,60%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#307ABB |
rgb(48,122,187) |
hsl(208,59%,46%) |
#2A6AA2 |
rgb(42,106,162) |
hsl(208,59%,40%) |
#235988 |
rgb(35,89,136) |
hsl(208,59%,34%) |
#1C476E |
rgb(28,71,110) |
hsl(209,59%,27%) |
#153854 |
rgb(21,56,84) |
hsl(207,60%,21%) |
#0F263A |
rgb(15,38,58) |
hsl(208,59%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A6AA2 |
rgb(42,106,162) |
hsl(208,59%,40%) |
#A2292E |
rgb(162,41,46) |
hsl(358,60%,40%) |
#A29E2A |
rgb(162,158,42) |
hsl(58,59%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A6AA2 |
rgb(42,106,162) |
hsl(208,59%,40%) |
#A2612A |
rgb(162,97,42) |
hsl(28,59%,40%) |
#2AA39E |
rgb(42,163,158) |
hsl(178,59%,40%) |
#A29E2A |
rgb(162,158,42) |
hsl(58,59%,40%) |