Lighter companion
Vermillion Pearl Clear
#ECCBC0 · hsl(15, 54%, 84%)
RGB
rgb(227, 177, 161)
HSL
hsl(15, 54%, 76%)
CMYK
cmyk(0%, 22%, 29%, 11%)
Metrics
S 54% · L 76%
Contrast (WCAG)
on white
1.9:1Fail
on black
11.1:1AA
About this color
Vermillion Bloom Clear (#E3B1A1) belongs to the orange family — hue 15°, 54% saturation, 76% 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-bloom-clear: #E3B1A1; --colorarchive-vermillion-bloom-clear-hsl: hsl(15, 54%, 76%); --colorarchive-vermillion-bloom-clear-rgb: rgb(227, 177, 161); }
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 Silk Clear
#D99781 · hsl(15, 54%, 68%)
Complementary counterpoint
Cerulean Bloom Clear
#A1D8E3 · hsl(190, 54%, 76%)
Analogous lead
Apricot Bloom Clear
#E3CDA1 · hsl(40, 54%, 76%)
Analogous echo
Merlot Bloom Clear
#E3A1AC · hsl(350, 54%, 76%)
Triadic +120°
Mint Bloom Clear
#A1E3AC · hsl(130, 54%, 76%)
Triadic +240°
Violet Bloom Clear
#ACA1E3 · hsl(250, 54%, 76%)
Split-comp +150°
Teal Bloom Clear
#A1E3CD · hsl(160, 54%, 76%)
Split-comp +210°
Cobalt Bloom Clear
#A1B7E3 · hsl(220, 54%, 76%)
Export preview
Base: Vermillion Bloom Clear #E3B1A1 Lighter companion: Vermillion Pearl Clear #ECCBC0 Darker companion: Vermillion Silk Clear #D99781 Complementary counterpoint: Cerulean Bloom Clear #A1D8E3 Analogous lead: Apricot Bloom Clear #E3CDA1 Analogous echo: Merlot Bloom Clear #E3A1AC Triadic +120°: Mint Bloom Clear #A1E3AC Triadic +240°: Violet Bloom Clear #ACA1E3 Split-comp +150°: Teal Bloom Clear #A1E3CD Split-comp +210°: Cobalt Bloom Clear #A1B7E3
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Ruby Bloom Clear
#E3ACA1 · hsl(10, 54%, 76%)
Nearby match
Ember Bloom Clear
#E3B7A1 · hsl(20, 54%, 76%)
Nearby match
Vermillion Silk Clear
#D99781 · hsl(15, 54%, 68%)
Nearby match
Vermillion Pearl Clear
#ECCBC0 · hsl(15, 54%, 84%)
Nearby match
Vermillion Bloom Soft
#D7B7AD · hsl(15, 34%, 76%)
Nearby match
Vermillion Bloom Vivid
#EFAB95 · hsl(15, 74%, 76%)
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
#D2D6A6
Protanopia
#CFCFA5
Tritanopia
#E1A8A9
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.