CSS Utilities
--color-tulip-red: #FF4D4D;
.bg-tulip-red { background-color: #FF4D4D; }
.text-tulip-red { color: #FF4D4D; }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": "#FF4D4D",
"rgb": [
255,
77,
77
],
"hsl": [
0,
100,
65
],
"cmyk": [
0,
70,
70,
0
],
"luminance": 0.271,
"contrast": {
"black": 6.42,
"white": 3.27
}
}WCAG
{
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
}Harmonies
{
"complementary": "#4DFFFF",
"analogous": [
"#FF4DA6",
"#FFA64D"
],
"triadic": [
"#4DFF4D",
"#4D4DFF"
],
"tetradic": [
"#A6FF4D",
"#4DFFFF",
"#A64DFF"
],
"splitComplementary": [
"#4DFFA6",
"#4DA6FF"
],
"monochromatic": [
"#FFA8A8",
"#FF4D4D",
"#F00000"
]
}Variants
{
"light": "#FFA8A8",
"dark": "#F00000",
"saturated": "#FF4D4D",
"desaturated": "#EB6060",
"pastel": "#FBD0D0",
"neon": "#FF7575"
}Pairings
{
"best": [
"#000000",
"#4DFFFF",
"#FF4DA6",
"#FFA64D"
],
"avoid": [
"#EB6060",
"#FFA8A8"
],
"neutral": [
"#1A1A1A",
"#F5F5F5",
"#E8E8E4"
],
"highContrast": [
"#000000"
],
"lowContrast": [
"#FFA8A8",
"#EB6060"
]
}Knowledge graph
{
"nearestColors": [
"tomato",
"vermilion",
"cinnabar",
"spinel",
"burnt-sienna"
],
"generatedPalettes": [
"tulip-red"
],
"generatedComparisons": [
"tomato-vs-tulip-red",
"tulip-red-vs-vermilion"
],
"relatedFamilies": [
"/colors/by-family/red",
"/colors/by-temperature/warm",
"/colors/by-tone/vibrant"
],
"relatedTools": [
"/harmonies/tulip-red",
"/wcag/tulip-red",
"/css/colors/tulip-red",
"/hex/ff4d4d"
],
"semanticRelations": {
"broader": [
"/colors/by-family/red",
"/colors/by-temperature/warm",
"/colors/by-tone/vibrant"
],
"narrower": [
"/palettes/tulip-red"
],
"related": [
"/colors/tomato",
"/colors/vermilion",
"/colors/cinnabar",
"/colors/spinel",
"/colors/burnt-sienna",
"/compare/tomato-vs-tulip-red",
"/compare/tulip-red-vs-vermilion",
"/harmonies/tulip-red",
"/wcag/tulip-red",
"/css/colors/tulip-red",
"/hex/ff4d4d"
]
}
}Full JSON dataset
{
"slug": "tulip-red",
"name": "Tulip Red",
"hex": "#FF4D4D",
"uses": [
"botanical palettes",
"natural product design",
"seasonal editorial palettes"
],
"psychology": {
"associations": [
"life",
"seasonality",
"organic texture"
],
"contexts": [
"floral design",
"garden brands",
"lifestyle",
"packaging"
],
"avoidIn": [
"strict grayscale systems"
]
},
"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": [
"vibrant"
],
"editorialNotes": "Curated internal color record with computed technical properties.",
"tags": [
"red",
"warm",
"vibrant",
"botanical-palettes",
"natural-product-design",
"seasonal-editorial-palettes",
"life",
"seasonality",
"organic-texture"
],
"popularity": 84,
"rgb": [
255,
77,
77
],
"hsl": [
0,
100,
65
],
"cmyk": [
0,
70,
70,
0
],
"luminance": 0.271,
"contrast": {
"black": 6.42,
"white": 3.27
},
"harmonies": {
"complementary": "#4DFFFF",
"analogous": [
"#FF4DA6",
"#FFA64D"
],
"triadic": [
"#4DFF4D",
"#4D4DFF"
],
"tetradic": [
"#A6FF4D",
"#4DFFFF",
"#A64DFF"
],
"splitComplementary": [
"#4DFFA6",
"#4DA6FF"
],
"monochromatic": [
"#FFA8A8",
"#FF4D4D",
"#F00000"
]
},
"variants": {
"light": "#FFA8A8",
"dark": "#F00000",
"saturated": "#FF4D4D",
"desaturated": "#EB6060",
"pastel": "#FBD0D0",
"neon": "#FF7575"
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A"
],
"AAA": []
},
"css": {
"variable": "--color-tulip-red: #FF4D4D;",
"utility": ".bg-tulip-red { background-color: #FF4D4D; }",
"textUtility": ".text-tulip-red { color: #FF4D4D; }"
},
"nearestColors": [
"tomato",
"vermilion",
"cinnabar",
"spinel",
"burnt-sienna"
],
"generatedPalettes": [
"tulip-red"
],
"generatedComparisons": [
"tomato-vs-tulip-red",
"tulip-red-vs-vermilion"
],
"relatedFamilies": [
"/colors/by-family/red",
"/colors/by-temperature/warm",
"/colors/by-tone/vibrant"
],
"relatedTools": [
"/harmonies/tulip-red",
"/wcag/tulip-red",
"/css/colors/tulip-red",
"/hex/ff4d4d"
],
"semanticRelations": {
"broader": [
"/colors/by-family/red",
"/colors/by-temperature/warm",
"/colors/by-tone/vibrant"
],
"narrower": [
"/palettes/tulip-red"
],
"related": [
"/colors/tomato",
"/colors/vermilion",
"/colors/cinnabar",
"/colors/spinel",
"/colors/burnt-sienna",
"/compare/tomato-vs-tulip-red",
"/compare/tulip-red-vs-vermilion",
"/harmonies/tulip-red",
"/wcag/tulip-red",
"/css/colors/tulip-red",
"/hex/ff4d4d"
]
},
"pairings": {
"best": [
"#000000",
"#4DFFFF",
"#FF4DA6",
"#FFA64D"
],
"avoid": [
"#EB6060",
"#FFA8A8"
],
"neutral": [
"#1A1A1A",
"#F5F5F5",
"#E8E8E4"
],
"highContrast": [
"#000000"
],
"lowContrast": [
"#FFA8A8",
"#EB6060"
]
}
}
Color meaning and use
About Tulip Red Color
Tulip Red sits in the red family with warm temperature and vibrant visual character. Tulip Red is a commonly used color name in design references, palettes, and editorial color systems.
Its common associations include life, seasonality, and organic texture, which makes it relevant for floral design and garden brands. In design work, Tulip Red is most useful for botanical palettes, natural product design, and seasonal editorial palettes, especially when paired with black text for stronger contrast.
WCAG Accessibility
Contrast checks for Tulip Red against black and white text.