CSS Utilities
--color-garnet-red: #6E1F26;
.bg-garnet-red { background-color: #6E1F26; }
.text-garnet-red { color: #6E1F26; }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": "#6E1F26",
"rgb": [
110,
31,
38
],
"hsl": [
355,
56,
28
],
"cmyk": [
0,
72,
65,
57
],
"luminance": 0.0443,
"contrast": {
"black": 1.89,
"white": 11.13
}
}WCAG
{
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
}Harmonies
{
"complementary": "#1F6F69",
"analogous": [
"#6F1F4E",
"#6F411F"
],
"triadic": [
"#266F1F",
"#1F266F"
],
"tetradic": [
"#4E6F1F",
"#1F6F69",
"#411F6F"
],
"splitComplementary": [
"#1F6F41",
"#1F4E6F"
],
"monochromatic": [
"#B7343F",
"#6E1F26",
"#280B0E"
]
}Variants
{
"light": "#B7343F",
"dark": "#280B0E",
"saturated": "#7F1019",
"desaturated": "#602F33",
"pastel": "#B8565E",
"neon": "#B8000F"
}Pairings
{
"best": [
"#FFFFFF",
"#1F6F69",
"#6F1F4E",
"#6F411F"
],
"avoid": [
"#602F33",
"#B7343F"
],
"neutral": [
"#1A1A1A",
"#F5F5F5",
"#E8E8E4"
],
"highContrast": [
"#FFFFFF"
],
"lowContrast": [
"#B7343F",
"#602F33"
]
}Knowledge graph
{
"nearestColors": [
"wine-red",
"ruby-wine",
"merlot",
"garnet",
"bark"
],
"generatedPalettes": [
"garnet-red"
],
"generatedComparisons": [
"garnet-red-vs-ruby-wine",
"garnet-red-vs-wine-red",
"merlot-vs-garnet-red"
],
"relatedFamilies": [
"/colors/by-family/red",
"/colors/by-temperature/warm",
"/colors/by-tone/balanced"
],
"relatedTools": [
"/harmonies/garnet-red",
"/wcag/garnet-red",
"/css/colors/garnet-red",
"/hex/6e1f26"
],
"semanticRelations": {
"broader": [
"/colors/by-family/red",
"/colors/by-temperature/warm",
"/colors/by-tone/balanced"
],
"narrower": [
"/palettes/garnet-red"
],
"related": [
"/colors/wine-red",
"/colors/ruby-wine",
"/colors/merlot",
"/colors/garnet",
"/colors/bark",
"/compare/garnet-red-vs-ruby-wine",
"/compare/garnet-red-vs-wine-red",
"/compare/merlot-vs-garnet-red",
"/harmonies/garnet-red",
"/wcag/garnet-red",
"/css/colors/garnet-red",
"/hex/6e1f26"
]
}
}Full JSON dataset
{
"slug": "garnet-red",
"name": "Garnet Red",
"hex": "#6E1F26",
"uses": [
"jewel-tone palettes",
"luxury branding",
"premium interface accents"
],
"psychology": {
"associations": [
"depth",
"richness",
"prestige"
],
"contexts": [
"luxury",
"fashion",
"beauty",
"editorial design"
],
"avoidIn": [
"minimal compliance 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, material, cultural, and editorial color systems."
},
"family": "red",
"temperature": "warm",
"tone": [
"balanced"
],
"editorialNotes": "Curated internal color record with computed technical properties.",
"tags": [
"red",
"warm",
"balanced",
"jewel-tone-palettes",
"luxury-branding",
"premium-interface-accents",
"depth",
"richness",
"prestige"
],
"popularity": 80,
"rgb": [
110,
31,
38
],
"hsl": [
355,
56,
28
],
"cmyk": [
0,
72,
65,
57
],
"luminance": 0.0443,
"contrast": {
"black": 1.89,
"white": 11.13
},
"harmonies": {
"complementary": "#1F6F69",
"analogous": [
"#6F1F4E",
"#6F411F"
],
"triadic": [
"#266F1F",
"#1F266F"
],
"tetradic": [
"#4E6F1F",
"#1F6F69",
"#411F6F"
],
"splitComplementary": [
"#1F6F41",
"#1F4E6F"
],
"monochromatic": [
"#B7343F",
"#6E1F26",
"#280B0E"
]
},
"variants": {
"light": "#B7343F",
"dark": "#280B0E",
"saturated": "#7F1019",
"desaturated": "#602F33",
"pastel": "#B8565E",
"neon": "#B8000F"
},
"wcag": {
"AA": [
"#FFFFFF",
"#F5F5F5"
],
"AAA": [
"#FFFFFF",
"#F5F5F5"
]
},
"css": {
"variable": "--color-garnet-red: #6E1F26;",
"utility": ".bg-garnet-red { background-color: #6E1F26; }",
"textUtility": ".text-garnet-red { color: #6E1F26; }"
},
"nearestColors": [
"wine-red",
"ruby-wine",
"merlot",
"garnet",
"bark"
],
"generatedPalettes": [
"garnet-red"
],
"generatedComparisons": [
"garnet-red-vs-ruby-wine",
"garnet-red-vs-wine-red",
"merlot-vs-garnet-red"
],
"relatedFamilies": [
"/colors/by-family/red",
"/colors/by-temperature/warm",
"/colors/by-tone/balanced"
],
"relatedTools": [
"/harmonies/garnet-red",
"/wcag/garnet-red",
"/css/colors/garnet-red",
"/hex/6e1f26"
],
"semanticRelations": {
"broader": [
"/colors/by-family/red",
"/colors/by-temperature/warm",
"/colors/by-tone/balanced"
],
"narrower": [
"/palettes/garnet-red"
],
"related": [
"/colors/wine-red",
"/colors/ruby-wine",
"/colors/merlot",
"/colors/garnet",
"/colors/bark",
"/compare/garnet-red-vs-ruby-wine",
"/compare/garnet-red-vs-wine-red",
"/compare/merlot-vs-garnet-red",
"/harmonies/garnet-red",
"/wcag/garnet-red",
"/css/colors/garnet-red",
"/hex/6e1f26"
]
},
"pairings": {
"best": [
"#FFFFFF",
"#1F6F69",
"#6F1F4E",
"#6F411F"
],
"avoid": [
"#602F33",
"#B7343F"
],
"neutral": [
"#1A1A1A",
"#F5F5F5",
"#E8E8E4"
],
"highContrast": [
"#FFFFFF"
],
"lowContrast": [
"#B7343F",
"#602F33"
]
}
}
Color meaning and use
About Garnet Red Color
Garnet Red sits in the red family with warm temperature and balanced visual character. Garnet Red is a commonly used color name in design references, palettes, and editorial color systems.
Its common associations include depth, richness, and prestige, which makes it relevant for luxury and fashion. In design work, Garnet Red is most useful for jewel-tone palettes, luxury branding, and premium interface accents, especially when paired with white text for stronger contrast.
WCAG Accessibility
Contrast checks for Garnet Red against black and white text.