HEX #2C7AAB color — Jelly Bean
The color #2C7AAB is a dark shade and moderately saturated.
Palette
2C7AAB 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 |
#2CAB87 |
rgb(44,171,135) |
hsl(163,59%,42%) |
#2C7AAB |
rgb(44,122,171) |
hsl(203,59%,42%) |
#322BAB |
rgb(50,43,171) |
hsl(243,60%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4B9ED0 |
rgb(75,158,208) |
hsl(203,59%,55%) |
#338CC6 |
rgb(51,140,198) |
hsl(204,59%,49%) |
#2C7AAB |
rgb(44,122,171) |
hsl(203,59%,42%) |
#24668F |
rgb(36,102,143) |
hsl(203,60%,35%) |
#1D5474 |
rgb(29,84,116) |
hsl(202,60%,28%) |
#164058 |
rgb(22,64,88) |
hsl(202,60%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2C7AAB |
rgb(44,122,171) |
hsl(203,59%,42%) |
#AB2B3A |
rgb(171,43,58) |
hsl(353,60%,42%) |
#AB9C2C |
rgb(171,156,44) |
hsl(53,59%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2C7AAB |
rgb(44,122,171) |
hsl(203,59%,42%) |
#AB5C2C |
rgb(171,92,44) |
hsl(23,59%,42%) |
#2CAB9C |
rgb(44,171,156) |
hsl(173,59%,42%) |
#AB9C2C |
rgb(171,156,44) |
hsl(53,59%,42%) |