لون مسمّى · #DED8D2
White Woodruff
White Woodruff هو #DED8D2: rgb(222 216 210)، hsl(30 15% 85%)، oklch(0.885 0.011 67.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · White Woodruff color name →
#DED8D2
oklch(0.885 0.011 67.7)
تحويلات الألوان
- HEX
- #ded8d2
- RGB
- rgb(222 216 210)
- HSL
- hsl(30 15% 85%)
- HWB
- hwb(30 82% 13%)
- OKLCH
- oklch(0.885 0.011 67.7)
- OKLab
- oklab(0.885 0.004 0.01)
- CIE Lab
- lab(86.7 1.35 3.73)
- LCH
- lch(86.7 3.97 70.2)
- CMYK
- cmyk(0% 3% 5% 13%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E1DCD6
- E5E0DB
- E8E4DF
- EBE7E4
- EEEBE8
- F2EFED
- F5F3F1
- F8F7F6
- FCFBFA
درجات داكنة
- C1BCB6
- A5A09B
- 898581
- 6F6B68
- 555350
- 3D3B39
- 262524
- 121110
- 020202
درجات رمادية
- D4CFC9
- CAC6C1
- C1BDB9
- B7B4B0
- AEABA8
- A4A2A0
- 9B9A98
- 929190
- 898888
تناسق الألوان
متمم +180°
- DED8D2
White Woodruff
- D4DAE0
≈ Hidden Creek
متجاور -30° +30°
- DED8D2
White Woodruff
- E0D7D4
≈ Napa Dawn
- DBD9D2
≈ Seagull Grey
ثلاثي +120° +240°
- DED8D2
White Woodruff
- D2DCDA
≈ Thin Cloud
- DBD7DF
≈ Violet Whimsey
متمم منقسم +150° +210°
- DED8D2
White Woodruff
- D2DBDE
≈ Pinwheel Geyser
- D7D9E0
≈ Petal Tip
رباعي +90° +180° +270°
- DED8D2
White Woodruff
- D4DBD6
≈ Silvery Streak
- D4DAE0
≈ Hidden Creek
- DED7DC
≈ Pebble Beach
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.41:1 · APCA Lc 20
Ag
AAAعلى الأسود
WCAG 14.85:1 · APCA Lc 83
أفضل لون للنص: #000000
WCAG 14.85:1 (AAA) · APCA Lc 83
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--white-woodruff: #ded8d2;
--white-woodruff-rgb: 222 216 210;
--white-woodruff-oklch: oklch(0.885 0.011 67.7);
}
.element {
color: var(--white-woodruff);
background-color: hsl(30 15% 85%);
border-color: oklch(0.885 0.011 67.7);
}Tailwind CSS v4
@theme {
--color-white-woodruff: #ded8d2;
--color-white-woodruff-50: #f7f5f2;
--color-white-woodruff-100: #eae7e4;
--color-white-woodruff-200: #d7d3cf;
--color-white-woodruff-300: #bbb6b2;
--color-white-woodruff-400: #a39d98;
--color-white-woodruff-500: #8b857f;
--color-white-woodruff-600: #76716b;
--color-white-woodruff-700: #5e5a56;
--color-white-woodruff-800: #45423f;
--color-white-woodruff-900: #302d2b;
--color-white-woodruff-950: #1c1a18;
}SCSS
$white-woodruff: #ded8d2;
$white-woodruff-rgb: 222, 216, 210;
$white-woodruff-light: mix(#fff, $white-woodruff, 20%);
$white-woodruff-dark: mix(#000, $white-woodruff, 20%);
.element {
color: $white-woodruff;
box-shadow: 0 0 0 2px rgba($white-woodruff, 0.35);
}