HEX #2A96AA color — Jelly Bean
The color #2A96AA is a light shade and moderately saturated.
Palette
2A96AA color palette from light to dark
HEX |
RGB |
HSL |
#f3fbfc |
rgb(243,251,252) |
hsl(189,60%,97%) |
#def3f7 |
rgb(222,243,247) |
hsl(189,60%,92%) |
#caecf2 |
rgb(202,236,242) |
hsl(189,60%,87%) |
#b6e4ed |
rgb(182,228,237) |
hsl(189,60%,82%) |
#a1dde8 |
rgb(161,221,232) |
hsl(189,60%,77%) |
#8dd6e2 |
rgb(141,214,226) |
hsl(189,60%,72%) |
#78cedd |
rgb(120,206,221) |
hsl(189,60%,67%) |
#64c7d8 |
rgb(100,199,216) |
hsl(189,60%,62%) |
#50bfd3 |
rgb(80,191,211) |
hsl(189,60%,57%) |
#3bb8ce |
rgb(59,184,206) |
hsl(189,60%,52%) |
#30aac0 |
rgb(48,170,192) |
hsl(189,60%,47%) |
#2b98ab |
rgb(43,152,171) |
hsl(189,60%,42%) |
#268697 |
rgb(38,134,151) |
hsl(189,60%,37%) |
#217483 |
rgb(33,116,131) |
hsl(189,60%,32%) |
#1c626e |
rgb(28,98,110) |
hsl(189,60%,27%) |
#16505a |
rgb(22,80,90) |
hsl(189,60%,22%) |
#113e45 |
rgb(17,62,69) |
hsl(189,60%,17%) |
#0c2b31 |
rgb(12,43,49) |
hsl(189,60%,12%) |
#07191d |
rgb(7,25,29) |
hsl(189,60%,7%) |
#020708 |
rgb(2,7,8) |
hsl(189,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2AAB68 |
rgb(42,171,104) |
hsl(149,61%,42%) |
#2A96AA |
rgb(42,150,170) |
hsl(189,60%,42%) |
#2A40AA |
rgb(42,64,170) |
hsl(230,60%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#46BDD1 |
rgb(70,189,209) |
hsl(189,60%,55%) |
#30ADC5 |
rgb(48,173,197) |
hsl(190,61%,48%) |
#2A96AA |
rgb(42,150,170) |
hsl(189,60%,42%) |
#237D8E |
rgb(35,125,142) |
hsl(190,60%,35%) |
#1C6673 |
rgb(28,102,115) |
hsl(189,61%,28%) |
#154F58 |
rgb(21,79,88) |
hsl(188,61%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A96AA |
rgb(42,150,170) |
hsl(189,60%,42%) |
#AA2956 |
rgb(170,41,86) |
hsl(339,61%,41%) |
#AA7D2A |
rgb(170,125,42) |
hsl(39,60%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A96AA |
rgb(42,150,170) |
hsl(189,60%,42%) |
#AA3D2A |
rgb(170,61,42) |
hsl(9,60%,42%) |
#2AAB7E |
rgb(42,171,126) |
hsl(159,61%,42%) |
#AA7D2A |
rgb(170,125,42) |
hsl(39,60%,42%) |