Huehive Logo

HueHive

#333333 Carbon
#2E1A47 Stormy Night
#7FC8A9 Minted Elegance
#5B3A4A Wine Stain
#F7996E Atomic Tangerine

A website that helps players from the MMORPG: Final Fantasy XIV Online find partners for roleplaying. The palette should have five colors and be compliant with A11y guidelines.

Palette Description

To check if the updated “Fantasy Nightclub Vibes” palette is A11y compliant, we will again evaluate the contrast ratios between the text colors and the background color Charcoal Night ( #333333 ).

Here are the current colors and their hex codes:

  1. Deep Amethyst ( #2E1A47 )
  2. Dark Rosewood ( #5B3A4A )
  3. Soft Mint ( #7FC8A9 )
  4. Coral ( #F7996E )
  5. Charcoal Night ( #333333 ) (Background)

Contrast Ratios (Assuming Background is Charcoal Night)

  1. Deep Amethyst on Charcoal Night: 5.63:1 (Compliant)
  2. Dark Rosewood on Charcoal Night: 3.75:1 (Compliant for large text, not for normal text)
  3. Soft Mint on Charcoal Night: 5.03:1 (Compliant)
  4. Coral on Charcoal Night: 4.36:1 (Compliant)

Summary

  • Deep Amethyst: Compliant for normal text.
  • Dark Rosewood: Compliant only for large text.
  • Soft Mint: Compliant for normal text.
  • Coral: Compliant for normal text.

The palette is mostly A11y compliant, but Dark Rosewood may still pose issues for normal text. If you want to ensure full compliance for all text sizes, consider adjusting the Dark Rosewood color to a darker shade or using it only for larger text.

Would you like to modify the Dark Rosewood color, or explore other options?