لون مسمّى · #D9D6CF
Timid White
Timid White هو #D9D6CF: rgb(217 214 207)، hsl(42 12% 83%)، oklch(0.876 0.01 87.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Timid White color name →
#D9D6CF
oklch(0.876 0.01 87.5)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DDDAD4
- E1DED8
- E4E2DD
- E8E6E2
- ECEAE7
- F0EEEC
- F3F3F0
- F7F7F5
- FBFBFA
درجات داكنة
- BCBAB4
- A19E99
- 86847F
- 6C6A67
- 53524F
- 3B3B38
- 252523
- 111010
- 020202
درجات رمادية
- D0CDC7
- C7C4BF
- BDBBB7
- B4B3AF
- ABAAA7
- A3A19F
- 9A9997
- 91918F
- 888888
تناسق الألوان
متمم +180°
- D9D6CF
Timid White
- D3D6DD
≈ Angel Hair Silver
متجاور -30° +30°
- D9D6CF
Timid White
- DCD5D0
≈ Heirloom Pink
- D6D7D0
≈ Blizzard Fog
ثلاثي +120° +240°
- D9D6CF
Timid White
- CFD8DA
≈ Pond Frost
- DAD4DA
≈ Light Magnolia Rose
متمم منقسم +150° +210°
- D9D6CF
Timid White
- D0D7DC
≈ Suave Grey
- D7D5DC
≈ Delicate Viola
رباعي +90° +180° +270°
- D9D6CF
Timid White
- D0D9D6
≈ Summer Shade
- D3D6DD
≈ Angel Hair Silver
- DCD4D6
≈ So Shy
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.45:1 · APCA Lc 22
Ag
AAAعلى الأسود
WCAG 14.46:1 · APCA Lc 82
أفضل لون للنص: #000000
WCAG 14.46:1 (AAA) · APCA Lc 82
Contrast pairs
مقتطفات الأكواد
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);
}