Benannte Farbe · #DAD1D7
Light Limpid Light
Light Limpid Light ist #DAD1D7: rgb(218 209 215), hsl(320 11% 84%), oklch(0.87 0.013 337.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Light Limpid Light color name →
#DAD1D7
oklch(0.87 0.013 337.6)
Farbumrechnungen
- HEX
- #dad1d7
- RGB
- rgb(218 209 215)
- HSL
- hsl(320 11% 84%)
- HWB
- hwb(320 82% 15%)
- OKLCH
- oklch(0.87 0.013 337.6)
- OKLab
- oklab(0.87 0.012 -0.005)
- CIE Lab
- lab(84.7 4 -1.81)
- LCH
- lch(84.7 4.39 335.6)
- CMYK
- cmyk(0% 4% 1% 15%)
Tints · Shades · Tones
Tints
- DED6DB
- E1DADF
- E5DFE3
- E9E3E7
- ECE8EB
- F0ECEF
- F4F1F3
- F8F6F7
- FBFAFB
Shades
- BDB5BB
- A29B9F
- 878185
- 6C686B
- 545052
- 3C393B
- 252325
- 111011
- 020202
Tones
- D1C9CE
- C7C0C5
- BEB8BC
- B5B0B3
- ACA8AA
- A3A0A2
- 9A9899
- 919091
- 898888
Farbharmonien
Komplementär +180°
- DAD1D7
Light Limpid Light
- CED7D1
≈ Serene Journey
Analog -30° +30°
- DAD1D7
Light Limpid Light
- D6D2DB
≈ Lovely Lavender
- DCD1D2
≈ Blush of Morn
Triadisch +120° +240°
- DAD1D7
Light Limpid Light
- D6D4CB
≈ Soft Secret
- CBD6DA
≈ Clear to See
Geteilt komplementär +150° +210°
- DAD1D7
Light Limpid Light
- D2D6CD
≈ Close Knit
- CBD7D5
≈ Serenely
Tetradisch +90° +180° +270°
- DAD1D7
Light Limpid Light
- DAD3CB
≈ Moth Grey
- CED7D1
≈ Serene Journey
- CED5DC
≈ Satin White
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.49:1 · APCA Lc 23
Ag
AAAAuf Schwarz
WCAG 14.08:1 · APCA Lc 80
Beste Textfarbe: #000000
WCAG 14.08:1 (AAA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--light-limpid-light: #dad1d7;
--light-limpid-light-rgb: 218 209 215;
--light-limpid-light-oklch: oklch(0.87 0.013 337.6);
}
.element {
color: var(--light-limpid-light);
background-color: hsl(320 11% 84%);
border-color: oklch(0.87 0.013 337.6);
}Tailwind CSS v4
@theme {
--color-light-limpid-light: #dad1d7;
--color-light-limpid-light-50: #f8f4f6;
--color-light-limpid-light-100: #ebe6e9;
--color-light-limpid-light-200: #d8d2d6;
--color-light-limpid-light-300: #bcb5b9;
--color-light-limpid-light-400: #a49ca1;
--color-light-limpid-light-500: #8c8389;
--color-light-limpid-light-600: #776f74;
--color-light-limpid-light-700: #5f595d;
--color-light-limpid-light-800: #454144;
--color-light-limpid-light-900: #302d2f;
--color-light-limpid-light-950: #1c1a1c;
}SCSS
$light-limpid-light: #dad1d7;
$light-limpid-light-rgb: 218, 209, 215;
$light-limpid-light-light: mix(#fff, $light-limpid-light, 20%);
$light-limpid-light-dark: mix(#000, $light-limpid-light, 20%);
.element {
color: $light-limpid-light;
box-shadow: 0 0 0 2px rgba($light-limpid-light, 0.35);
}