HEX #2B78A9 color — Jelly Bean
The color #2B78A9 is a dark shade and moderately saturated.
Palette
2B78A9 color palette from light to dark
HEX |
RGB |
HSL |
#f3f8fc |
rgb(243,248,252) |
hsl(203,59%,97%) |
#dfedf7 |
rgb(223,237,247) |
hsl(203,59%,92%) |
#cae2f1 |
rgb(202,226,241) |
hsl(203,59%,87%) |
#b6d7ec |
rgb(182,215,236) |
hsl(203,59%,82%) |
#a2cce7 |
rgb(162,204,231) |
hsl(203,59%,77%) |
#8dc1e2 |
rgb(141,193,226) |
hsl(203,59%,72%) |
#79b6dc |
rgb(121,182,220) |
hsl(203,59%,67%) |
#65abd7 |
rgb(101,171,215) |
hsl(203,59%,62%) |
#51a0d2 |
rgb(81,160,210) |
hsl(203,59%,57%) |
#3c95cd |
rgb(60,149,205) |
hsl(203,59%,52%) |
#3188bf |
rgb(49,136,191) |
hsl(203,59%,47%) |
#2c7aaa |
rgb(44,122,170) |
hsl(203,59%,42%) |
#276b96 |
rgb(39,107,150) |
hsl(203,59%,37%) |
#215d82 |
rgb(33,93,130) |
hsl(203,59%,32%) |
#1c4e6d |
rgb(28,78,109) |
hsl(203,59%,27%) |
#174059 |
rgb(23,64,89) |
hsl(203,59%,22%) |
#123145 |
rgb(18,49,69) |
hsl(203,59%,17%) |
#0d2331 |
rgb(13,35,49) |
hsl(203,59%,12%) |
#07141c |
rgb(7,20,28) |
hsl(203,59%,7%) |
#020608 |
rgb(2,6,8) |
hsl(203,59%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2BA886 |
rgb(43,168,134) |
hsl(164,59%,41%) |
#2B78A9 |
rgb(43,120,169) |
hsl(203,59%,42%) |
#322BA9 |
rgb(50,43,169) |
hsl(243,59%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#479CD0 |
rgb(71,156,208) |
hsl(203,59%,55%) |
#318CC4 |
rgb(49,140,196) |
hsl(203,60%,48%) |
#2B78A9 |
rgb(43,120,169) |
hsl(203,59%,42%) |
#24668D |
rgb(36,102,141) |
hsl(202,59%,35%) |
#1D5272 |
rgb(29,82,114) |
hsl(203,59%,28%) |
#163D57 |
rgb(22,61,87) |
hsl(204,60%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2B78A9 |
rgb(43,120,169) |
hsl(203,59%,42%) |
#A92B39 |
rgb(169,43,57) |
hsl(353,59%,42%) |
#A99C2B |
rgb(169,156,43) |
hsl(54,59%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2B78A9 |
rgb(43,120,169) |
hsl(203,59%,42%) |
#A95C2B |
rgb(169,92,43) |
hsl(23,59%,42%) |
#2BA89B |
rgb(43,168,155) |
hsl(174,59%,41%) |
#A99C2B |
rgb(169,156,43) |
hsl(54,59%,42%) |