Named color · #E9D9D4
Vienna Lace
Vienna Lace is #E9D9D4: rgb(233 217 212), hsl(14 32% 87%), oklch(0.897 0.019 38.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Vienna Lace color name →
#E9D9D4
oklch(0.897 0.019 38.1)
Color conversions
- HEX
- #e9d9d4
- RGB
- rgb(233 217 212)
- HSL
- hsl(14 32% 87%)
- HWB
- hwb(14 83% 9%)
- OKLCH
- oklch(0.897 0.019 38.1)
- OKLab
- oklab(0.897 0.015 0.012)
- CIE Lab
- lab(87.9 5.07 4.56)
- LCH
- lch(87.9 6.81 42)
- CMYK
- cmyk(0% 7% 9% 9%)
Tints · Shades · Tones
Tints
- EBDDD8
- EDE1DC
- F0E4E1
- F2E8E5
- F4ECE9
- F6F0EE
- F8F4F2
- FBF7F6
- FDFBFB
Shades
- CBBCB8
- ADA19D
- 908683
- 746C69
- 5A5351
- 413B3A
- 292524
- 131110
- 030202
Tones
- DED0CB
- D3C7C3
- C8BDBA
- BEB4B1
- B3ABA9
- A9A3A1
- 9E9A98
- 949190
- 8A8988
Color harmonies
Complementary +180°
- E9D9D4
Vienna Lace
- D0E0E5
≈ Cool Sky
Analogous -30° +30°
- E9D9D4
Vienna Lace
- E9D8DA
≈ Diminished Red
- E6DBD0
≈ Light Shetland Lace
Triadic +120° +240°
- E9D9D4
Vienna Lace
- D3E1D8
≈ Delicate Snow Goose
- DADCEA
≈ The White Death
Split-complementary +150° +210°
- E9D9D4
Vienna Lace
- D0E1DF
≈ Mountain Dew
- D4DEE9
≈ Burj Khalifa Fountain
Tetradic +90° +180° +270°
- E9D9D4
Vienna Lace
- D9E0D2
≈ Light Ligado
- D0E0E5
≈ Cool Sky
- E0DAE7
≈ Inspired Lilac
Contrast & accessibility
Ag
FailOn white
WCAG 1.36:1 · APCA Lc 18
Ag
AAAOn black
WCAG 15.34:1 · APCA Lc 86
Best text color: #000000
WCAG 15.34:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--vienna-lace: #e9d9d4;
--vienna-lace-rgb: 233 217 212;
--vienna-lace-oklch: oklch(0.897 0.019 38.1);
}
.element {
color: var(--vienna-lace);
background-color: hsl(14 32% 87%);
border-color: oklch(0.897 0.019 38.1);
}Tailwind CSS v4
@theme {
--color-vienna-lace: #e9d9d4;
--color-vienna-lace-50: #faf3f1;
--color-vienna-lace-100: #eee6e3;
--color-vienna-lace-200: #dcd2ce;
--color-vienna-lace-300: #c1b4b0;
--color-vienna-lace-400: #a99b96;
--color-vienna-lace-500: #92827d;
--color-vienna-lace-600: #7c6e6a;
--color-vienna-lace-700: #635855;
--color-vienna-lace-800: #49403e;
--color-vienna-lace-900: #322c2b;
--color-vienna-lace-950: #1e1918;
}SCSS
$vienna-lace: #e9d9d4;
$vienna-lace-rgb: 233, 217, 212;
$vienna-lace-light: mix(#fff, $vienna-lace, 20%);
$vienna-lace-dark: mix(#000, $vienna-lace, 20%);
.element {
color: $vienna-lace;
box-shadow: 0 0 0 2px rgba($vienna-lace, 0.35);
}