Darker companion
Warm Gray Whisper
#F1F0EF · hsl(30, 6%, 94%)
RGB
rgb(250, 250, 250)
HSL
hsl(30, 6%, 98%)
CMYK
cmyk(0%, 0%, 0%, 2%)
Metrics
S 6% · L 98%
Contrast (WCAG)
on white
1:1Fail
on black
20.1:1AA
About this color
Warm Gray Veil (#FAFAFA) belongs to the orange family — hue 30°, 6% 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-warm-gray-veil: #FAFAFA; --colorarchive-warm-gray-veil-hsl: hsl(30, 6%, 98%); --colorarchive-warm-gray-veil-rgb: rgb(250, 250, 250); }
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.
Complementary counterpoint
Cool Gray Veil
#FAFAFA · hsl(210, 6%, 98%)
Analogous lead
Amber Veil Faint
#FAFAF9 · hsl(50, 10%, 98%)
Analogous echo
Ruby Veil Faint
#FAFAF9 · hsl(10, 10%, 98%)
Triadic +120°
Jade Veil Faint
#F9FAFA · hsl(150, 10%, 98%)
Triadic +240°
Plum Veil Faint
#FAF9FA · hsl(270, 10%, 98%)
Split-comp +150°
Aqua Veil Faint
#F9FAFA · hsl(180, 10%, 98%)
Split-comp +210°
Iris Veil Faint
#F9F9FA · hsl(240, 10%, 98%)
Export preview
Base: Warm Gray Veil #FAFAFA Darker companion: Warm Gray Whisper #F1F0EF Complementary counterpoint: Cool Gray Veil #FAFAFA Analogous lead: Amber Veil Faint #FAFAF9 Analogous echo: Ruby Veil Faint #FAFAF9 Triadic +120°: Jade Veil Faint #F9FAFA Triadic +240°: Plum Veil Faint #FAF9FA Split-comp +150°: Aqua Veil Faint #F9FAFA Split-comp +210°: Iris Veil Faint #F9F9FA
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Coral Veil Faint
#FAFAF9 · hsl(30, 10%, 98%)
Nearby match
Warm Gray Whisper
#F1F0EF · hsl(30, 6%, 94%)
Nearby match
Coral Whisper Faint
#F1F0EE · hsl(30, 10%, 94%)
Nearby match
Coral Veil Muted
#FBFAF9 · hsl(30, 18%, 98%)
Nearby match
Warm Gray Mist
#E7E6E4 · hsl(30, 6%, 90%)
Nearby match
Coral Mist Faint
#E8E6E3 · hsl(30, 10%, 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
#FAFAFA
Protanopia
#FAFAFA
Tritanopia
#FAFAFA
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.