Benannte Farbe · #D9D6CF
Timid White
Timid White ist #D9D6CF: rgb(217 214 207), hsl(42 12% 83%), oklch(0.876 0.01 87.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Timid White color name →
#D9D6CF
oklch(0.876 0.01 87.5)
Farbumrechnungen
- HEX
- #d9d6cf
- RGB
- rgb(217 214 207)
- HSL
- hsl(42 12% 83%)
- HWB
- hwb(42 81% 15%)
- OKLCH
- oklch(0.876 0.01 87.5)
- OKLab
- oklab(0.876 0 0.01)
- CIE Lab
- lab(85.72 0.14 3.85)
- LCH
- lch(85.72 3.85 87.8)
- CMYK
- cmyk(0% 1% 5% 15%)
Tints · Shades · Tones
Tints
- DDDAD4
- E1DED8
- E4E2DD
- E8E6E2
- ECEAE7
- F0EEEC
- F3F3F0
- F7F7F5
- FBFBFA
Shades
- BCBAB4
- A19E99
- 86847F
- 6C6A67
- 53524F
- 3B3B38
- 252523
- 111010
- 020202
Tones
- D0CDC7
- C7C4BF
- BDBBB7
- B4B3AF
- ABAAA7
- A3A19F
- 9A9997
- 91918F
- 888888
Farbharmonien
Komplementär +180°
- D9D6CF
Timid White
- D3D6DD
≈ Angel Hair Silver
Analog -30° +30°
- D9D6CF
Timid White
- DCD5D0
≈ Heirloom Pink
- D6D7D0
≈ Blizzard Fog
Triadisch +120° +240°
- D9D6CF
Timid White
- CFD8DA
≈ Pond Frost
- DAD4DA
≈ Light Magnolia Rose
Geteilt komplementär +150° +210°
- D9D6CF
Timid White
- D0D7DC
≈ Suave Grey
- D7D5DC
≈ Delicate Viola
Tetradisch +90° +180° +270°
- D9D6CF
Timid White
- D0D9D6
≈ Summer Shade
- D3D6DD
≈ Angel Hair Silver
- DCD4D6
≈ So Shy
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.45:1 · APCA Lc 22
Ag
AAAAuf Schwarz
WCAG 14.46:1 · APCA Lc 82
Beste Textfarbe: #000000
WCAG 14.46:1 (AAA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--timid-white: #d9d6cf;
--timid-white-rgb: 217 214 207;
--timid-white-oklch: oklch(0.876 0.01 87.5);
}
.element {
color: var(--timid-white);
background-color: hsl(42 12% 83%);
border-color: oklch(0.876 0.01 87.5);
}Tailwind CSS v4
@theme {
--color-timid-white: #d9d6cf;
--color-timid-white-50: #f6f5f2;
--color-timid-white-100: #e9e8e4;
--color-timid-white-200: #d6d4cf;
--color-timid-white-300: #b9b7b2;
--color-timid-white-400: #a19e98;
--color-timid-white-500: #89867f;
--color-timid-white-600: #74716b;
--color-timid-white-700: #5d5b56;
--color-timid-white-800: #44423e;
--color-timid-white-900: #2f2e2b;
--color-timid-white-950: #1b1a18;
}SCSS
$timid-white: #d9d6cf;
$timid-white-rgb: 217, 214, 207;
$timid-white-light: mix(#fff, $timid-white, 20%);
$timid-white-dark: mix(#000, $timid-white, 20%);
.element {
color: $timid-white;
box-shadow: 0 0 0 2px rgba($timid-white, 0.35);
}