HEX #2A78A2 color — Jelly Bean
The color #2a78a2 is a dark shade and moderately saturated.
Palette
2a78a2 color palette from light to dark
HEX |
RGB |
HSL |
#ebf5fa |
rgb(235,245,250) |
hsl(201,59%,95%) |
#d6eaf5 |
rgb(214,234,245) |
hsl(201,59%,90%) |
#c2e0ef |
rgb(194,224,239) |
hsl(201,59%,85%) |
#aed5ea |
rgb(174,213,234) |
hsl(201,59%,80%) |
#9acbe5 |
rgb(154,203,229) |
hsl(201,59%,75%) |
#85c0e0 |
rgb(133,192,224) |
hsl(201,59%,70%) |
#71b6da |
rgb(113,182,218) |
hsl(201,59%,65%) |
#5dabd5 |
rgb(93,171,213) |
hsl(201,59%,60%) |
#49a1d0 |
rgb(73,161,208) |
hsl(201,59%,55%) |
#3496cb |
rgb(52,150,203) |
hsl(201,59%,50%) |
#2f87b6 |
rgb(47,135,182) |
hsl(201,59%,45%) |
#2a78a2 |
rgb(42,120,162) |
hsl(201,59%,40%) |
#25698e |
rgb(37,105,142) |
hsl(201,59%,35%) |
#1f5a7a |
rgb(31,90,122) |
hsl(201,59%,30%) |
#1a4b65 |
rgb(26,75,101) |
hsl(201,59%,25%) |
#153c51 |
rgb(21,60,81) |
hsl(201,59%,20%) |
#102d3d |
rgb(16,45,61) |
hsl(201,59%,15%) |
#0a1e29 |
rgb(10,30,41) |
hsl(201,59%,10%) |
#050f14 |
rgb(5,15,20) |
hsl(201,59%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AA37C |
rgb(42,163,124) |
hsl(161,59%,40%) |
#2A78A2 |
rgb(42,120,162) |
hsl(201,59%,40%) |
#2C29A2 |
rgb(44,41,162) |
hsl(241,60%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#308CBB |
rgb(48,140,187) |
hsl(200,59%,46%) |
#2A78A2 |
rgb(42,120,162) |
hsl(201,59%,40%) |
#236688 |
rgb(35,102,136) |
hsl(200,59%,34%) |
#1C526E |
rgb(28,82,110) |
hsl(200,59%,27%) |
#153D54 |
rgb(21,61,84) |
hsl(202,60%,21%) |
#0F2B3A |
rgb(15,43,58) |
hsl(201,59%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A78A2 |
rgb(42,120,162) |
hsl(201,59%,40%) |
#A2293C |
rgb(162,41,60) |
hsl(351,60%,40%) |
#A28F2A |
rgb(162,143,42) |
hsl(51,59%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A78A2 |
rgb(42,120,162) |
hsl(201,59%,40%) |
#A2542A |
rgb(162,84,42) |
hsl(21,59%,40%) |
#2AA390 |
rgb(42,163,144) |
hsl(171,59%,40%) |
#A28F2A |
rgb(162,143,42) |
hsl(51,59%,40%) |