Role Colour Checker
Check a role colour against both Discord themes at once. Most role colours are readable in one theme and invisible in the other, and the admin panel never tells you which.
The colour
Paste a hex, or pick one of Discord's own presets.
For the API
Discord stores role colours as an integer.
1713022Both themes
The same name, on the two backgrounds Discord actually uses.
Moderator
a message from them
Moderator
a message from them
This colour works in light mode and struggles in dark. Whichever theme you use yourself, roughly half your members are on the other one.
Try #7881e3
Same hue, balanced across both themes.
A ratio of 4.5:1 is the standard bar for normal text and 3:1 for bold. No colour can reach 4.5 against both of Discord's backgrounds — the best any colour can do on its worse theme is about 3.55:1, so 3:1 in both is the realistic target.
Why role colours go wrong
A role colour is painted onto the member's name, against Discord's own background — #313338 in dark mode, white in light. Server owners pick colours in one theme and never see the other, so a navy “Moderator” that looks smart on white becomes almost invisible in dark mode, where the large majority of Discord users are.
This shows both at once, with the WCAG contrast ratio for each.
The thing no colour picker tells you
No colour can score 4.5:1 against both Discord backgrounds. That is arithmetic, not a limitation of this tool: hitting 4.5 against white requires a relative luminance at or below 0.183, and hitting it against #313338 requires 0.324 or above. The two ranges do not overlap. The curves cross at luminance 0.245, which gives about 3.55:1 — the best worst-case contrast any colour can achieve.
So 3:1 in both themes is the realistic target. That is also the WCAG bar for large or bold text, and Discord renders member names semibold, which makes it a fair standard rather than a convenient one.
Practical advice
Mid-tone, saturated colours survive both themes. Very dark and very pale colours never do. If a role must be near-black or near-white, lean on position in the role list and an icon to distinguish it rather than colour alone — and remember that only the highest coloured role a member holds is the one that shows.