HEX #A2BA24 color — Citron
The color #A2BA24 is a light shade and highly saturated.
Palette
A2BA24 color palette from light to dark
HEX |
RGB |
HSL |
#fefefb |
rgb(254,254,251) |
hsl(70,68%,99%) |
#f7fae5 |
rgb(247,250,229) |
hsl(70,68%,94%) |
#f0f6d0 |
rgb(240,246,208) |
hsl(70,68%,89%) |
#e9f2ba |
rgb(233,242,186) |
hsl(70,68%,84%) |
#e2eea5 |
rgb(226,238,165) |
hsl(70,68%,79%) |
#dbea90 |
rgb(219,234,144) |
hsl(70,68%,74%) |
#d4e67a |
rgb(212,230,122) |
hsl(70,68%,69%) |
#cde265 |
rgb(205,226,101) |
hsl(70,68%,64%) |
#c6de4f |
rgb(198,222,79) |
hsl(70,68%,59%) |
#bfd93a |
rgb(191,217,58) |
hsl(70,68%,54%) |
#b6d228 |
rgb(182,210,40) |
hsl(70,68%,49%) |
#a3bc24 |
rgb(163,188,36) |
hsl(70,68%,44%) |
#91a720 |
rgb(145,167,32) |
hsl(70,68%,39%) |
#7e921c |
rgb(126,146,28) |
hsl(70,68%,34%) |
#6b7c18 |
rgb(107,124,24) |
hsl(70,68%,29%) |
#596714 |
rgb(89,103,20) |
hsl(70,68%,24%) |
#465110 |
rgb(70,81,16) |
hsl(70,68%,19%) |
#343c0b |
rgb(52,60,11) |
hsl(70,68%,14%) |
#212707 |
rgb(33,39,7) |
hsl(70,68%,9%) |
#0f1103 |
rgb(15,17,3) |
hsl(70,68%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#BA6E24 |
rgb(186,110,36) |
hsl(30,68%,44%) |
#A2BA24 |
rgb(162,186,36) |
hsl(70,68%,44%) |
#3EBA24 |
rgb(62,186,36) |
hsl(110,68%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#C4DB49 |
rgb(196,219,73) |
hsl(69,67%,57%) |
#BAD62B |
rgb(186,214,43) |
hsl(70,68%,50%) |
#A2BA24 |
rgb(162,186,36) |
hsl(70,68%,44%) |
#889C1E |
rgb(136,156,30) |
hsl(70,68%,36%) |
#6E8018 |
rgb(110,128,24) |
hsl(70,68%,30%) |
#546112 |
rgb(84,97,18) |
hsl(70,69%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#A2BA24 |
rgb(162,186,36) |
hsl(70,68%,44%) |
#2457BA |
rgb(36,87,186) |
hsl(220,68%,44%) |
#8724BA |
rgb(135,36,186) |
hsl(280,68%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#A2BA24 |
rgb(162,186,36) |
hsl(70,68%,44%) |
#3C24BA |
rgb(60,36,186) |
hsl(250,68%,44%) |
#BA8724 |
rgb(186,135,36) |
hsl(40,68%,44%) |
#8724BA |
rgb(135,36,186) |
hsl(280,68%,44%) |