HEX #2B8AAA color — Jelly Bean
The color #2B8AAA is a dark shade and moderately saturated.
Palette
2B8AAA color palette from light to dark
HEX |
RGB |
HSL |
#f3fafc |
rgb(243,250,252) |
hsl(195,60%,97%) |
#def1f7 |
rgb(222,241,247) |
hsl(195,60%,92%) |
#cae8f2 |
rgb(202,232,242) |
hsl(195,60%,87%) |
#b6dfed |
rgb(182,223,237) |
hsl(195,60%,82%) |
#a1d6e8 |
rgb(161,214,232) |
hsl(195,60%,77%) |
#8dcde2 |
rgb(141,205,226) |
hsl(195,60%,72%) |
#78c4dd |
rgb(120,196,221) |
hsl(195,60%,67%) |
#64bbd8 |
rgb(100,187,216) |
hsl(195,60%,62%) |
#50b2d3 |
rgb(80,178,211) |
hsl(195,60%,57%) |
#3ba9ce |
rgb(59,169,206) |
hsl(195,60%,52%) |
#309cc0 |
rgb(48,156,192) |
hsl(195,60%,47%) |
#2b8bab |
rgb(43,139,171) |
hsl(195,60%,42%) |
#267b97 |
rgb(38,123,151) |
hsl(195,60%,37%) |
#216a83 |
rgb(33,106,131) |
hsl(195,60%,32%) |
#1c5a6e |
rgb(28,90,110) |
hsl(195,60%,27%) |
#16495a |
rgb(22,73,90) |
hsl(195,60%,22%) |
#113845 |
rgb(17,56,69) |
hsl(195,60%,17%) |
#0c2831 |
rgb(12,40,49) |
hsl(195,60%,12%) |
#07171d |
rgb(7,23,29) |
hsl(195,60%,7%) |
#020708 |
rgb(2,7,8) |
hsl(195,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2BAB75 |
rgb(43,171,117) |
hsl(155,60%,42%) |
#2B8AAA |
rgb(43,138,170) |
hsl(195,60%,42%) |
#2B36AA |
rgb(43,54,170) |
hsl(235,60%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#48ADD0 |
rgb(72,173,208) |
hsl(195,59%,55%) |
#31A1C5 |
rgb(49,161,197) |
hsl(195,60%,48%) |
#2B8AAA |
rgb(43,138,170) |
hsl(195,60%,42%) |
#24738E |
rgb(36,115,142) |
hsl(195,60%,35%) |
#1D5E73 |
rgb(29,94,115) |
hsl(195,60%,28%) |
#164758 |
rgb(22,71,88) |
hsl(195,60%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#2B8AAA |
rgb(43,138,170) |
hsl(195,60%,42%) |
#AA2B4A |
rgb(170,43,74) |
hsl(345,60%,42%) |
#AA8A2B |
rgb(170,138,43) |
hsl(45,60%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2B8AAA |
rgb(43,138,170) |
hsl(195,60%,42%) |
#AA4A2B |
rgb(170,74,43) |
hsl(15,60%,42%) |
#2BAB8A |
rgb(43,171,138) |
hsl(165,60%,42%) |
#AA8A2B |
rgb(170,138,43) |
hsl(45,60%,42%) |