{"datasetVersion":"1.0.0","slug":"avocado","name":"Avocado","hex":"#568203","rgb":[86,130,3],"hsl":[81,95,26],"luminance":0.1795,"contrast":{"black":4.59,"white":4.58},"ratings":{"blackText":"AA","whiteText":"AA"},"wcag":{"AA":["#000000","#FFFFFF"],"AAA":[]},"narrative":"Avocado is AA-safe but not AAA-safe for normal text. Its black contrast is 4.59:1 and its white contrast is 4.58:1, so black and white text are nearly tied. Use it for readable UI only with checked foreground colors, and avoid tiny text or thin font weights.","warnings":["Does not reach AAA contrast against the standard black or white text options in this dataset.","Black and white text are very close in contrast, so font weight and size matter.","Avoid placing text over photos, gradients, or translucent overlays without retesting the final composite color."],"safePairings":{"text":[{"label":"Black text","hex":"#000000","ratio":4.59,"rating":"AA"},{"label":"White text","hex":"#FFFFFF","ratio":4.58,"rating":"AA"}],"backgrounds":[{"label":"White","hex":"#FFFFFF","ratio":4.58,"rating":"AA"},{"label":"Black","hex":"#000000","ratio":4.59,"rating":"AA"}],"borders":[{"label":"#1A2801","hex":"#1A2801","ratio":3.41,"rating":"large-text-only"},{"label":"#A0E61E","hex":"#A0E61E","ratio":3.01,"rating":"large-text-only"}]},"accessibilityAlternatives":[{"slug":"olive-drab","name":"Olive Drab","hex":"#6B8E23","family":"green","temperature":"cool","tone":["earth-tone","jewel-tone"],"blackContrast":5.52,"whiteContrast":3.81,"maxContrast":5.52,"aaaTextOptions":[],"url":"https://www.colorsencyclopedia.com/wcag/olive-drab/"},{"slug":"olive-leaf","name":"Olive Leaf","hex":"#6B8E23","family":"green","temperature":"cool","tone":["earth-tone","jewel-tone"],"blackContrast":5.52,"whiteContrast":3.81,"maxContrast":5.52,"aaaTextOptions":[],"url":"https://www.colorsencyclopedia.com/wcag/olive-leaf/"},{"slug":"fern-frond","name":"Fern Frond","hex":"#657220","family":"green","temperature":"cool","tone":["earth-tone","jewel-tone"],"blackContrast":3.98,"whiteContrast":5.27,"maxContrast":5.27,"aaaTextOptions":[],"url":"https://www.colorsencyclopedia.com/wcag/fern-frond/"},{"slug":"olive","name":"Olive","hex":"#808000","family":"yellow","temperature":"warm","tone":["balanced"],"blackContrast":5.01,"whiteContrast":4.19,"maxContrast":5.01,"aaaTextOptions":[],"url":"https://www.colorsencyclopedia.com/wcag/olive/"},{"slug":"scheeles-green","name":"Scheele Green","hex":"#478800","family":"green","temperature":"cool","tone":["jewel-tone"],"blackContrast":4.79,"whiteContrast":4.38,"maxContrast":4.79,"aaaTextOptions":[],"url":"https://www.colorsencyclopedia.com/wcag/scheeles-green/"}],"componentGuidance":[{"component":"Buttons","guidance":"Use only with AA-passing foreground text and visible focus states."},{"component":"Badges","guidance":"Works best with bold labels and enough padding around text."},{"component":"Cards","guidance":"Use as a surface when paired with a tested text color and clear border."},{"component":"Alerts","guidance":"Pair with icons or labels; do not rely on color alone."},{"component":"Form fields","guidance":"Use for borders or focus rings only when contrast remains visible."}],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/wcag/avocado.json","https://www.colorsencyclopedia.com/api/colors/avocado.json"],"url":"https://www.colorsencyclopedia.com/wcag/avocado/","colorUrl":"https://www.colorsencyclopedia.com/colors/avocado/","apiUrl":"https://www.colorsencyclopedia.com/api/wcag/avocado.json","generatedAt":"2026-07-23T19:04:03.423Z"}