HEX #2A7AAD color — Jelly Bean
The color #2A7AAD is a dark shade and moderately saturated.
Palette
2A7AAD color palette from light to dark
HEX |
RGB |
HSL |
#f3f8fc |
rgb(243,248,252) |
hsl(203,61%,97%) |
#deeef7 |
rgb(222,238,247) |
hsl(203,61%,92%) |
#cae3f2 |
rgb(202,227,242) |
hsl(203,61%,87%) |
#b5d8ed |
rgb(181,216,237) |
hsl(203,61%,82%) |
#a1cde8 |
rgb(161,205,232) |
hsl(203,61%,77%) |
#8cc2e3 |
rgb(140,194,227) |
hsl(203,61%,72%) |
#78b7de |
rgb(120,183,222) |
hsl(203,61%,67%) |
#63acd9 |
rgb(99,172,217) |
hsl(203,61%,62%) |
#4ea1d4 |
rgb(78,161,212) |
hsl(203,61%,57%) |
#3a96cf |
rgb(58,150,207) |
hsl(203,61%,52%) |
#2f89c1 |
rgb(47,137,193) |
hsl(203,61%,47%) |
#2a7aac |
rgb(42,122,172) |
hsl(203,61%,42%) |
#256c98 |
rgb(37,108,152) |
hsl(203,61%,37%) |
#205d83 |
rgb(32,93,131) |
hsl(203,61%,32%) |
#1b4f6f |
rgb(27,79,111) |
hsl(203,61%,27%) |
#16405a |
rgb(22,64,90) |
hsl(203,61%,22%) |
#113246 |
rgb(17,50,70) |
hsl(203,61%,17%) |
#0c2331 |
rgb(12,35,49) |
hsl(203,61%,12%) |
#07141d |
rgb(7,20,29) |
hsl(203,61%,7%) |
#020608 |
rgb(2,6,8) |
hsl(203,61%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AAD88 |
rgb(42,173,136) |
hsl(163,61%,42%) |
#2A7AAD |
rgb(42,122,173) |
hsl(203,61%,42%) |
#3129AD |
rgb(49,41,173) |
hsl(244,62%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#489ED2 |
rgb(72,158,210) |
hsl(203,61%,55%) |
#308CC8 |
rgb(48,140,200) |
hsl(204,61%,49%) |
#2A7AAD |
rgb(42,122,173) |
hsl(203,61%,42%) |
#236691 |
rgb(35,102,145) |
hsl(203,61%,35%) |
#1C5475 |
rgb(28,84,117) |
hsl(202,61%,28%) |
#154059 |
rgb(21,64,89) |
hsl(202,62%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A7AAD |
rgb(42,122,173) |
hsl(203,61%,42%) |
#AD2938 |
rgb(173,41,56) |
hsl(353,62%,42%) |
#AD9E2A |
rgb(173,158,42) |
hsl(53,61%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A7AAD |
rgb(42,122,173) |
hsl(203,61%,42%) |
#AD5C2A |
rgb(173,92,42) |
hsl(23,61%,42%) |
#2AAD9E |
rgb(42,173,158) |
hsl(173,61%,42%) |
#AD9E2A |
rgb(173,158,42) |
hsl(53,61%,42%) |