HEX #2A85AA color — Jelly Bean
The color #2A85AA is a dark shade and moderately saturated.
Palette
2A85AA color palette from light to dark
HEX |
RGB |
HSL |
#f3f9fc |
rgb(243,249,252) |
hsl(197,60%,97%) |
#def0f7 |
rgb(222,240,247) |
hsl(197,60%,92%) |
#cae6f2 |
rgb(202,230,242) |
hsl(197,60%,87%) |
#b6dded |
rgb(182,221,237) |
hsl(197,60%,82%) |
#a1d4e8 |
rgb(161,212,232) |
hsl(197,60%,77%) |
#8dcae2 |
rgb(141,202,226) |
hsl(197,60%,72%) |
#78c1dd |
rgb(120,193,221) |
hsl(197,60%,67%) |
#64b7d8 |
rgb(100,183,216) |
hsl(197,60%,62%) |
#50aed3 |
rgb(80,174,211) |
hsl(197,60%,57%) |
#3ba4ce |
rgb(59,164,206) |
hsl(197,60%,52%) |
#3097c0 |
rgb(48,151,192) |
hsl(197,60%,47%) |
#2b87ab |
rgb(43,135,171) |
hsl(197,60%,42%) |
#267797 |
rgb(38,119,151) |
hsl(197,60%,37%) |
#216783 |
rgb(33,103,131) |
hsl(197,60%,32%) |
#1c576e |
rgb(28,87,110) |
hsl(197,60%,27%) |
#16475a |
rgb(22,71,90) |
hsl(197,60%,22%) |
#113745 |
rgb(17,55,69) |
hsl(197,60%,17%) |
#0c2731 |
rgb(12,39,49) |
hsl(197,60%,12%) |
#07161d |
rgb(7,22,29) |
hsl(197,60%,7%) |
#020608 |
rgb(2,6,8) |
hsl(197,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AAB79 |
rgb(42,171,121) |
hsl(157,61%,42%) |
#2A85AA |
rgb(42,133,170) |
hsl(197,60%,42%) |
#2A30AA |
rgb(42,48,170) |
hsl(237,60%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#46A8D1 |
rgb(70,168,209) |
hsl(198,60%,55%) |
#309CC5 |
rgb(48,156,197) |
hsl(197,61%,48%) |
#2A85AA |
rgb(42,133,170) |
hsl(197,60%,42%) |
#23708E |
rgb(35,112,142) |
hsl(197,60%,35%) |
#1C5973 |
rgb(28,89,115) |
hsl(198,61%,28%) |
#154558 |
rgb(21,69,88) |
hsl(197,61%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A85AA |
rgb(42,133,170) |
hsl(197,60%,42%) |
#AA2945 |
rgb(170,41,69) |
hsl(347,61%,41%) |
#AA8F2A |
rgb(170,143,42) |
hsl(47,60%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A85AA |
rgb(42,133,170) |
hsl(197,60%,42%) |
#AA4F2A |
rgb(170,79,42) |
hsl(17,60%,42%) |
#2AAB8F |
rgb(42,171,143) |
hsl(167,61%,42%) |
#AA8F2A |
rgb(170,143,42) |
hsl(47,60%,42%) |