CSS Utilities
--color-royal-purple: #7851A9;
.bg-royal-purple { background-color: #7851A9; }
.text-royal-purple { color: #7851A9; }Machine-readable data
Machine-Readable Color Data (JSON)
Perfect for CSS, design systems, automation, and AI ingestion.
hexCanonical HEX valuergbRed, green, blue channelshslHue, saturation, lightnesscmykApproximate print conversionwcagAA and AAA contrast optionsharmoniesMathematical harmony setsvariantsGenerated tone variantsnearestColorsKnowledge graph neighborsStructured sections
Color systems
{
"hex": "#7851A9",
"rgb": [
120,
81,
169
],
"hsl": [
267,
35,
49
],
"cmyk": [
29,
52,
0,
34
],
"luminance": 0.1274,
"contrast": {
"black": 3.55,
"white": 5.92
}
}WCAG
{
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
}Harmonies
{
"complementary": "#81A951",
"analogous": [
"#5156A9",
"#A451A9"
],
"triadic": [
"#A97951",
"#51A979"
],
"tetradic": [
"#A95156",
"#81A951",
"#51A9A4"
],
"splitComplementary": [
"#A9A451",
"#56A951"
],
"monochromatic": [
"#A88DC8",
"#7851A9",
"#4C336B"
]
}Variants
{
"light": "#A88DC8",
"dark": "#4C336B",
"saturated": "#7636C4",
"desaturated": "#7B6D8D",
"pastel": "#BBAFCA",
"neon": "#8624FF"
}Pairings
{
"best": [
"#FFFFFF",
"#81A951",
"#5156A9",
"#A451A9"
],
"avoid": [
"#7B6D8D",
"#A88DC8"
],
"neutral": [
"#1A1A1A",
"#F5F5F5",
"#E8E8E4"
],
"highContrast": [
"#FFFFFF"
],
"lowContrast": [
"#A88DC8",
"#7B6D8D"
]
}Knowledge graph
{
"nearestColors": [
"grape",
"amethyst-deep",
"rebecca-purple",
"slate-blue",
"iolite"
],
"generatedPalettes": [
"royal-purple"
],
"generatedComparisons": [
"plum-purple-vs-royal-purple",
"royal-purple-vs-amethyst-deep",
"royal-purple-vs-grape",
"slate-blue-vs-royal-purple"
],
"relatedFamilies": [
"/colors/by-family/purple",
"/colors/by-temperature/cool",
"/colors/by-tone/balanced"
],
"relatedTools": [
"/harmonies/royal-purple",
"/wcag/royal-purple",
"/css/colors/royal-purple",
"/hex/7851a9"
],
"semanticRelations": {
"broader": [
"/colors/by-family/purple",
"/colors/by-temperature/cool",
"/colors/by-tone/balanced"
],
"narrower": [
"/palettes/royal-purple"
],
"related": [
"/colors/grape",
"/colors/amethyst-deep",
"/colors/rebecca-purple",
"/colors/slate-blue",
"/colors/iolite",
"/compare/plum-purple-vs-royal-purple",
"/compare/royal-purple-vs-amethyst-deep",
"/compare/royal-purple-vs-grape",
"/compare/slate-blue-vs-royal-purple",
"/harmonies/royal-purple",
"/wcag/royal-purple",
"/css/colors/royal-purple",
"/hex/7851a9"
]
}
}Full JSON dataset
{
"slug": "royal-purple",
"name": "Royal Purple",
"hex": "#7851A9",
"uses": [
"beauty branding",
"creative systems",
"premium accents"
],
"psychology": {
"associations": [
"creativity",
"depth",
"softness"
],
"contexts": [
"beauty",
"wellness",
"luxury",
"creative tools"
],
"avoidIn": [
"strict operational dashboards"
]
},
"aliases": [],
"sourceType": "curated",
"confidence": "medium",
"reviewStatus": "manual",
"sourceUrl": "https://www.colorsencyclopedia.com/assets/colors.json",
"origin": {
"type": "common",
"notes": "Curated common color reference used in design and editorial color systems."
},
"family": "purple",
"temperature": "cool",
"tone": [
"balanced"
],
"editorialNotes": "Curated internal color record with computed technical properties.",
"tags": [
"purple",
"cool",
"balanced",
"beauty-branding",
"creative-systems",
"premium-accents",
"creativity",
"depth",
"softness"
],
"popularity": 80,
"rgb": [
120,
81,
169
],
"hsl": [
267,
35,
49
],
"cmyk": [
29,
52,
0,
34
],
"luminance": 0.1274,
"contrast": {
"black": 3.55,
"white": 5.92
},
"harmonies": {
"complementary": "#81A951",
"analogous": [
"#5156A9",
"#A451A9"
],
"triadic": [
"#A97951",
"#51A979"
],
"tetradic": [
"#A95156",
"#81A951",
"#51A9A4"
],
"splitComplementary": [
"#A9A451",
"#56A951"
],
"monochromatic": [
"#A88DC8",
"#7851A9",
"#4C336B"
]
},
"variants": {
"light": "#A88DC8",
"dark": "#4C336B",
"saturated": "#7636C4",
"desaturated": "#7B6D8D",
"pastel": "#BBAFCA",
"neon": "#8624FF"
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": []
},
"css": {
"variable": "--color-royal-purple: #7851A9;",
"utility": ".bg-royal-purple { background-color: #7851A9; }",
"textUtility": ".text-royal-purple { color: #7851A9; }"
},
"nearestColors": [
"grape",
"amethyst-deep",
"rebecca-purple",
"slate-blue",
"iolite"
],
"generatedPalettes": [
"royal-purple"
],
"generatedComparisons": [
"plum-purple-vs-royal-purple",
"royal-purple-vs-amethyst-deep",
"royal-purple-vs-grape",
"slate-blue-vs-royal-purple"
],
"relatedFamilies": [
"/colors/by-family/purple",
"/colors/by-temperature/cool",
"/colors/by-tone/balanced"
],
"relatedTools": [
"/harmonies/royal-purple",
"/wcag/royal-purple",
"/css/colors/royal-purple",
"/hex/7851a9"
],
"semanticRelations": {
"broader": [
"/colors/by-family/purple",
"/colors/by-temperature/cool",
"/colors/by-tone/balanced"
],
"narrower": [
"/palettes/royal-purple"
],
"related": [
"/colors/grape",
"/colors/amethyst-deep",
"/colors/rebecca-purple",
"/colors/slate-blue",
"/colors/iolite",
"/compare/plum-purple-vs-royal-purple",
"/compare/royal-purple-vs-amethyst-deep",
"/compare/royal-purple-vs-grape",
"/compare/slate-blue-vs-royal-purple",
"/harmonies/royal-purple",
"/wcag/royal-purple",
"/css/colors/royal-purple",
"/hex/7851a9"
]
},
"pairings": {
"best": [
"#FFFFFF",
"#81A951",
"#5156A9",
"#A451A9"
],
"avoid": [
"#7B6D8D",
"#A88DC8"
],
"neutral": [
"#1A1A1A",
"#F5F5F5",
"#E8E8E4"
],
"highContrast": [
"#FFFFFF"
],
"lowContrast": [
"#A88DC8",
"#7B6D8D"
]
}
}
Color meaning and use
About Royal Purple Color
Royal Purple sits in the purple family with cool temperature and balanced visual character. Royal Purple is a commonly used color name in design references, palettes, and editorial color systems.
Its common associations include creativity, depth, and softness, which makes it relevant for beauty and wellness. In design work, Royal Purple is most useful for beauty branding, creative systems, and premium accents, especially when paired with white text for stronger contrast.
WCAG Accessibility
Contrast checks for Royal Purple against black and white text.