Lighter companion
Garnet Mist Vivid
#F8D3DF · hsl(340, 74%, 90%)
RGB
rgb(244, 184, 204)
HSL
hsl(340, 74%, 84%)
CMYK
cmyk(0%, 25%, 16%, 4%)
Metrics
S 74% · L 84%
Contrast (WCAG)
on white
1.7:1Fail
on black
12.6:1AA
About this color
Garnet Pearl Vivid (#F4B8CC) belongs to the pink family — hue 340°, 74% 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-garnet-pearl-vivid: #F4B8CC; --colorarchive-garnet-pearl-vivid-hsl: hsl(340, 74%, 84%); --colorarchive-garnet-pearl-vivid-rgb: rgb(244, 184, 204); }
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
Garnet Bloom Vivid
#EF95B3 · hsl(340, 74%, 76%)
Complementary counterpoint
Teal Pearl Vivid
#B8F4E0 · hsl(160, 74%, 84%)
Analogous lead
Scarlet Pearl Vivid
#F4BDB8 · hsl(5, 74%, 84%)
Analogous echo
Rose Pearl Vivid
#F4B8E0 · hsl(320, 74%, 84%)
Triadic +120°
Moss Pearl Vivid
#CCF4B8 · hsl(100, 74%, 84%)
Triadic +240°
Cobalt Pearl Vivid
#B8CCF4 · hsl(220, 74%, 84%)
Split-comp +150°
Mint Pearl Vivid
#B8F4C2 · hsl(130, 74%, 84%)
Split-comp +210°
Cerulean Pearl Vivid
#B8EAF4 · hsl(190, 74%, 84%)
Export preview
Base: Garnet Pearl Vivid #F4B8CC Lighter companion: Garnet Mist Vivid #F8D3DF Darker companion: Garnet Bloom Vivid #EF95B3 Complementary counterpoint: Teal Pearl Vivid #B8F4E0 Analogous lead: Scarlet Pearl Vivid #F4BDB8 Analogous echo: Rose Pearl Vivid #F4B8E0 Triadic +120°: Moss Pearl Vivid #CCF4B8 Triadic +240°: Cobalt Pearl Vivid #B8CCF4 Split-comp +150°: Mint Pearl Vivid #B8F4C2 Split-comp +210°: Cerulean Pearl Vivid #B8EAF4
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Garnet Mist Vivid
#F8D3DF · hsl(340, 74%, 90%)
Nearby match
Garnet Pearl Bright
#F8B4CB · hsl(340, 84%, 84%)
Nearby match
Garnet Bloom Vivid
#EF95B3 · hsl(340, 74%, 76%)
Nearby match
Garnet Whisper Vivid
#FBE4EC · hsl(340, 74%, 94%)
Nearby match
Garnet Pearl Pure
#FCB1CA · hsl(340, 92%, 84%)
Nearby match
Garnet Mist Bright
#FBD0DE · hsl(340, 84%, 90%)
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
#E0E4C6
Protanopia
#DDDCC7
Tritanopia
#F1C4C3
Ready to build
Turn these colors into design tokens
ColorArchive Pro includes CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.