Lighter companion
Vermillion Whisper Vivid
#FBEAE4 · hsl(15, 74%, 94%)
RGB
rgb(248, 220, 211)
HSL
hsl(15, 74%, 90%)
CMYK
cmyk(0%, 11%, 15%, 3%)
Metrics
S 74% · L 90%
Contrast (WCAG)
on white
1.3:1Fail
on black
16.2:1AA
About this color
Vermillion Mist Vivid (#F8DCD3) belongs to the orange family — hue 15°, 74% saturation, 90% 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-mist-vivid: #F8DCD3; --colorarchive-vermillion-mist-vivid-hsl: hsl(15, 74%, 90%); --colorarchive-vermillion-mist-vivid-rgb: rgb(248, 220, 211); }
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 Pearl Vivid
#F4C7B8 · hsl(15, 74%, 84%)
Complementary counterpoint
Cerulean Mist Vivid
#D3F2F8 · hsl(190, 74%, 90%)
Analogous lead
Apricot Mist Vivid
#F8ECD3 · hsl(40, 74%, 90%)
Analogous echo
Merlot Mist Vivid
#F8D3D9 · hsl(350, 74%, 90%)
Triadic +120°
Mint Mist Vivid
#D3F8D9 · hsl(130, 74%, 90%)
Triadic +240°
Violet Mist Vivid
#D9D3F8 · hsl(250, 74%, 90%)
Split-comp +150°
Teal Mist Vivid
#D3F8EC · hsl(160, 74%, 90%)
Split-comp +210°
Cobalt Mist Vivid
#D3DFF8 · hsl(220, 74%, 90%)
Export preview
Base: Vermillion Mist Vivid #F8DCD3 Lighter companion: Vermillion Whisper Vivid #FBEAE4 Darker companion: Vermillion Pearl Vivid #F4C7B8 Complementary counterpoint: Cerulean Mist Vivid #D3F2F8 Analogous lead: Apricot Mist Vivid #F8ECD3 Analogous echo: Merlot Mist Vivid #F8D3D9 Triadic +120°: Mint Mist Vivid #D3F8D9 Triadic +240°: Violet Mist Vivid #D9D3F8 Split-comp +150°: Teal Mist Vivid #D3F8EC Split-comp +210°: Cobalt Mist Vivid #D3DFF8
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Vermillion Whisper Vivid
#FBEAE4 · hsl(15, 74%, 94%)
Nearby match
Vermillion Pearl Vivid
#F4C7B8 · hsl(15, 74%, 84%)
Nearby match
Vermillion Mist Bright
#FBDBD0 · hsl(15, 84%, 90%)
Nearby match
Ruby Mist Vivid
#F8D9D3 · hsl(10, 74%, 90%)
Nearby match
Ember Mist Vivid
#F8DFD3 · hsl(20, 74%, 90%)
Nearby match
Vermillion Veil Vivid
#FEF8F6 · hsl(15, 74%, 98%)
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
#EEF0D6
Protanopia
#ECECD5
Tritanopia
#F7D7D7
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.