Lighter companion
Scarlet Mist Bright
#FBD4D0 · hsl(5, 84%, 90%)
RGB
rgb(248, 186, 180)
HSL
hsl(5, 84%, 84%)
CMYK
cmyk(0%, 25%, 27%, 3%)
Metrics
S 84% · L 84%
Contrast (WCAG)
on white
1.7:1Fail
on black
12.7:1AA
About this color
Scarlet Pearl Bright (#F8BAB4) belongs to the red family — hue 5°, 84% saturation, 84% 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-scarlet-pearl-bright: #F8BAB4; --colorarchive-scarlet-pearl-bright-hsl: hsl(5, 84%, 84%); --colorarchive-scarlet-pearl-bright-rgb: rgb(248, 186, 180); }
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
Scarlet Bloom Bright
#F5978E · hsl(5, 84%, 76%)
Complementary counterpoint
Aqua Pearl Bright
#B4F8F8 · hsl(180, 84%, 84%)
Analogous lead
Coral Pearl Bright
#F8D6B4 · hsl(30, 84%, 84%)
Analogous echo
Garnet Pearl Bright
#F8B4CB · hsl(340, 84%, 84%)
Triadic +120°
Emerald Pearl Bright
#B4F8B4 · hsl(120, 84%, 84%)
Triadic +240°
Amethyst Pearl Bright
#BAB4F8 · hsl(245, 84%, 84%)
Split-comp +150°
Jade Pearl Bright
#B4F8D6 · hsl(150, 84%, 84%)
Split-comp +210°
Sapphire Pearl Bright
#B4D6F8 · hsl(210, 84%, 84%)
Export preview
Base: Scarlet Pearl Bright #F8BAB4 Lighter companion: Scarlet Mist Bright #FBD4D0 Darker companion: Scarlet Bloom Bright #F5978E Complementary counterpoint: Aqua Pearl Bright #B4F8F8 Analogous lead: Coral Pearl Bright #F8D6B4 Analogous echo: Garnet Pearl Bright #F8B4CB Triadic +120°: Emerald Pearl Bright #B4F8B4 Triadic +240°: Amethyst Pearl Bright #BAB4F8 Split-comp +150°: Jade Pearl Bright #B4F8D6 Split-comp +210°: Sapphire Pearl Bright #B4D6F8
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Scarlet Pearl Pure
#FCB7B1 · hsl(5, 92%, 84%)
Nearby match
Scarlet Mist Bright
#FBD4D0 · hsl(5, 84%, 90%)
Nearby match
Scarlet Pearl Vivid
#F4BDB8 · hsl(5, 74%, 84%)
Nearby match
Crimson Pearl Bright
#F8B4B4 · hsl(0, 84%, 84%)
Nearby match
Ruby Pearl Bright
#F8BFB4 · hsl(10, 84%, 84%)
Nearby match
Scarlet Bloom Bright
#F5978E · hsl(5, 84%, 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
#E3E8B6
Protanopia
#E0DFB5
Tritanopia
#F5B7B7
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.