Lighter companion
Coral Mist Vivid
#F8E6D3 · hsl(30, 74%, 90%)
RGB
rgb(244, 214, 184)
HSL
hsl(30, 74%, 84%)
CMYK
cmyk(0%, 12%, 25%, 4%)
Metrics
S 74% · L 84%
Contrast (WCAG)
on white
1.4:1Fail
on black
15.2:1AA
About this color
Coral Pearl Vivid (#F4D6B8) belongs to the orange family — hue 30°, 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-coral-pearl-vivid: #F4D6B8; --colorarchive-coral-pearl-vivid-hsl: hsl(30, 74%, 84%); --colorarchive-coral-pearl-vivid-rgb: rgb(244, 214, 184); }
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
Coral Bloom Vivid
#EFC295 · hsl(30, 74%, 76%)
Complementary counterpoint
Sapphire Pearl Vivid
#B8D6F4 · hsl(210, 74%, 84%)
Analogous lead
Canary Pearl Vivid
#F4EFB8 · hsl(55, 74%, 84%)
Analogous echo
Scarlet Pearl Vivid
#F4BDB8 · hsl(5, 74%, 84%)
Triadic +120°
Jade Pearl Vivid
#B8F4D6 · hsl(150, 74%, 84%)
Triadic +240°
Plum Pearl Vivid
#D6B8F4 · hsl(270, 74%, 84%)
Split-comp +150°
Aqua Pearl Vivid
#B8F4F4 · hsl(180, 74%, 84%)
Split-comp +210°
Iris Pearl Vivid
#B8B8F4 · hsl(240, 74%, 84%)
Export preview
Base: Coral Pearl Vivid #F4D6B8 Lighter companion: Coral Mist Vivid #F8E6D3 Darker companion: Coral Bloom Vivid #EFC295 Complementary counterpoint: Sapphire Pearl Vivid #B8D6F4 Analogous lead: Canary Pearl Vivid #F4EFB8 Analogous echo: Scarlet Pearl Vivid #F4BDB8 Triadic +120°: Jade Pearl Vivid #B8F4D6 Triadic +240°: Plum Pearl Vivid #D6B8F4 Split-comp +150°: Aqua Pearl Vivid #B8F4F4 Split-comp +210°: Iris Pearl Vivid #B8B8F4
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Coral Mist Vivid
#F8E6D3 · hsl(30, 74%, 90%)
Nearby match
Coral Pearl Bright
#F8D6B4 · hsl(30, 84%, 84%)
Nearby match
Tangerine Pearl Vivid
#F4D1B8 · hsl(25, 74%, 84%)
Nearby match
Coral Bloom Vivid
#EFC295 · hsl(30, 74%, 76%)
Nearby match
Coral Whisper Vivid
#FBF0E4 · hsl(30, 74%, 94%)
Nearby match
Coral Pearl Pure
#FCD6B1 · hsl(30, 92%, 84%)
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
#E9ECC2
Protanopia
#E8E7C0
Tritanopia
#F3C6C7
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.