Honey Veil Clear — #FCFDF7 Hex Color Code | ColorArchive

RGB

rgb(252, 253, 247)

HSL

hsl(70, 54%, 98%)

Metrics

S 54% · L 98%

Contrast (WCAG)

on white

1:1Fail

on black

20.5:1AA

About this color

Honey Veil Clear (#FCFDF7) belongs to the lime family — hue 70°, 54% saturation, 98% 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-honey-veil-clear: #FCFDF7;
  --colorarchive-honey-veil-clear-hsl: hsl(70, 54%, 98%);
  --colorarchive-honey-veil-clear-rgb: rgb(252, 253, 247);
}

Tonal strip

All lightness levels at this hue and saturation. Click any to navigate.

Palette moves

Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.

Darker companion

Honey Whisper Clear

#F5F8E7 · hsl(70, 54%, 94%)

Complementary counterpoint

Violet Veil Clear

#F8F7FD · hsl(250, 54%, 98%)

Lime Veil Clear

#FAFDF7 · hsl(90, 54%, 98%)

Amber Veil Clear

#FDFCF7 · hsl(50, 54%, 98%)

Cerulean Veil Clear

#F7FCFD · hsl(190, 54%, 98%)

Peony Veil Clear

#FDF7FC · hsl(310, 54%, 98%)

Split-comp +150°

Cobalt Veil Clear

#F7F9FD · hsl(220, 54%, 98%)

Split-comp +210°

Mulberry Veil Clear

#FBF7FD · hsl(280, 54%, 98%)

Export preview

Base: Honey Veil Clear #FCFDF7
Darker companion: Honey Whisper Clear #F5F8E7
Complementary counterpoint: Violet Veil Clear #F8F7FD
Analogous lead: Lime Veil Clear #FAFDF7
Analogous echo: Amber Veil Clear #FDFCF7
Triadic +120°: Cerulean Veil Clear #F7FCFD
Triadic +240°: Peony Veil Clear #FDF7FC
Split-comp +150°: Cobalt Veil Clear #F7F9FD
Split-comp +210°: Mulberry Veil Clear #FBF7FD

Nearest neighbors

The closest archive matches by hue, saturation, and lightness.

Honey Whisper Clear

#F5F8E7 · hsl(70, 54%, 94%)

Honey Mist Clear

#EFF3D8 · hsl(70, 54%, 90%)

Honey Veil Soft

#FBFCF8 · hsl(70, 34%, 98%)

Honey Veil Vivid

#FCFEF6 · hsl(70, 74%, 98%)

Honey Pearl Clear

#E5ECC0 · hsl(70, 54%, 84%)

Citrine Veil Clear

#FDFDF7 · hsl(60, 54%, 98%)

Accessible pairings

Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.

Contrast checker

Violet Radiant Vivid

Violet Core Clear

Violet Core Vivid

Violet Velvet Soft

Violet Velvet Clear

Violet Velvet Vivid

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.

Browse packs Free download View collections