Colormapped Violet is the site’s primary brand accent: a saturated cool violet used for actions and focus states.
Colormapped Violet is a curated Colormapped reference at #5B5CF0; it is not presented as a CSS named-color keyword.
#5B5CF0rgb(91, 92, 240)hsl(240 83% 65%)240°, 62%, 94%62%, 62%, 0%, 6%HEX/RGB/HSL/HSV are deterministic sRGB representations. CMYK here is a mathematical approximation, not a printer-profile conversion.
AA normal text: black fails; white passes.
AA large text: black passes; white passes.
WCAG contrast thresholds use 4.5:1 for normal text and 3:1 for large text. Do not round a near-threshold result upward when testing conformance.
These steps are computed by RGB-mixing #5B5CF0 toward white or black. They are generated values, not official named colors.
#DEDEFC #BDBEF9 #9D9DF6 #7C7DF3 #5B5CF0 #494AC0 #373790 #242560 #121230 Need more control? Use the Tints and Shades Generator or Lighten / Darken tool.
.example {
color: #FFFFFF;
background-color: #5B5CF0;
}Closest entries in the current Colormapped set by simple RGB-channel distance:
RGB distance is a simple numerical comparison, not a perceptual color-difference standard.
The base HEX value is a curated Colormapped reference. Derived RGB, HSL, HSV, CMYK, contrast, tint, and shade values are computed from that HEX value.
Contrast uses the W3C relative-luminance formula and thresholds described in WCAG Contrast (Minimum).
Convert #5B5CF0 with the HEX to RGB converter, test another foreground/background pair in the Contrast Checker, or browse the shade families.