COLOR INTELLIGENCE
Enter a hex value or choose a starting tool. HexCheck keeps the color connected as you inspect it, test it, build with it, or apply it in a real-world workflow.
This color has a permanent URL:
COLOR ENCYCLOPEDIA
#7C3AED is a mid-tone vivid violet color. Its RGB value is 124, 58, 237, and its HSL value is 262°, 83%, 58%. Use the values below to move the same color between web code, accessibility checks, palettes, and gradients.
#7C3AEDrgb(124, 58, 237)hsl(262 83% 58%)0.1343On #7C3AED, white text provides the stronger black-or-white contrast. WCAG contrast still depends on the actual foreground, background, text size, and component being evaluated.
For WCAG 2.x, normal text uses 4.5:1 for AA and 7:1 for AAA. Qualifying large text uses 3:1 for AA and 4.5:1 for AAA.
These references are simple RGB mixes with white or black. They are useful starting points for exploration, not a substitute for perceptual palette tuning or contrast testing.
#9058F0#A375F2#6931C9#5729A6HEX, RGB, and HSL represent the same encoded sRGB color in different notations. Choose the form that fits the code or design system you are working in.
color: #7C3AED; background-color: #7C3AED; --color-reference: #7C3AED;
Relative luminance is the WCAG calculation used to derive contrast ratio. #7C3AED has a relative luminance of 0.1343 on the 0-to-1 scale. That is why its contrast is 5.70:1 against white and 3.69:1 against black.
#7C3AED is rgb(124, 58, 237).
#7C3AED is hsl(262 83% 58%).
White has the stronger contrast of the two: black is 3.69:1 and white is 5.70:1. Check the applicable WCAG target and the real interface context before finalizing the text color.