Lighter companion
Vermillion Radiant Vivid
#E15E33 · hsl(15, 74%, 54%)
RGB
rgb(213, 77, 32)
HSL
hsl(15, 74%, 48%)
CMYK
cmyk(0%, 64%, 85%, 16%)
Metrics
S 74% · L 48%
Contrast (WCAG)
on white
4.3:1AA Large
on black
4.9:1AA
About this color
Vermillion Core Vivid (#D54D20) belongs to the orange family — hue 15°, 74% saturation, 48% lightness. Copy the hex, RGB, or HSL value above, or paste the CSS custom property below into your stylesheet to reference this color directly.
CSS
:root { --colorarchive-vermillion-core-vivid: #D54D20; --colorarchive-vermillion-core-vivid-hsl: hsl(15, 74%, 48%); --colorarchive-vermillion-core-vivid-rgb: rgb(213, 77, 32); }
AI Color Names
Let AI suggest alternative poetic names for this color in English and Chinese.
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Darker companion
Vermillion Velvet Vivid
#BA431C · hsl(15, 74%, 42%)
Complementary counterpoint
Cerulean Core Vivid
#20B7D5 · hsl(190, 74%, 48%)
Analogous lead
Apricot Core Vivid
#D59920 · hsl(40, 74%, 48%)
Analogous echo
Merlot Core Vivid
#D5203E · hsl(350, 74%, 48%)
Triadic +120°
Mint Core Vivid
#20D53E · hsl(130, 74%, 48%)
Triadic +240°
Violet Core Vivid
#3E20D5 · hsl(250, 74%, 48%)
Split-comp +150°
Teal Core Vivid
#20D599 · hsl(160, 74%, 48%)
Split-comp +210°
Cobalt Core Vivid
#205CD5 · hsl(220, 74%, 48%)
Export preview
Base: Vermillion Core Vivid #D54D20 Lighter companion: Vermillion Radiant Vivid #E15E33 Darker companion: Vermillion Velvet Vivid #BA431C Complementary counterpoint: Cerulean Core Vivid #20B7D5 Analogous lead: Apricot Core Vivid #D59920 Analogous echo: Merlot Core Vivid #D5203E Triadic +120°: Mint Core Vivid #20D53E Triadic +240°: Violet Core Vivid #3E20D5 Split-comp +150°: Teal Core Vivid #20D599 Split-comp +210°: Cobalt Core Vivid #205CD5
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Vermillion Velvet Vivid
#BA431C · hsl(15, 74%, 42%)
Nearby match
Vermillion Radiant Vivid
#E15E33 · hsl(15, 74%, 54%)
Nearby match
Vermillion Core Bright
#E14714 · hsl(15, 84%, 48%)
Nearby match
Ruby Core Vivid
#D53E20 · hsl(10, 74%, 48%)
Nearby match
Ember Core Vivid
#D55C20 · hsl(20, 74%, 48%)
Nearby match
Vermillion Core Pure
#EB420A · hsl(15, 92%, 48%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
Color Vision Simulation
How this color appears with different color vision deficiencies.
Deuteranopia
#B2B932
Protanopia
#ABAA2F
Tritanopia
#D1393A
Ready to build
Turn these colors into design tokens
ColorArchive packs include CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.