لون مسمّى · #D8D6C5
Whetstone
Whetstone هو #D8D6C5: rgb(216 214 197)، hsl(54 20% 81%)، oklch(0.873 0.023 101.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Whetstone color name →
#D8D6C5
oklch(0.873 0.023 101.4)
تحويلات الألوان
- HEX
- #d8d6c5
- RGB
- rgb(216 214 197)
- HSL
- hsl(54 20% 81%)
- HWB
- hwb(54 77% 15%)
- OKLCH
- oklch(0.873 0.023 101.4)
- OKLab
- oklab(0.873 -0.005 0.023)
- CIE Lab
- lab(85.44 -1.47 8.69)
- LCH
- lch(85.44 8.81 99.6)
- CMYK
- cmyk(0% 1% 9% 15%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DCDACB
- E0DED0
- E4E2D6
- E7E6DC
- EBEAE2
- EFEEE8
- F3F3ED
- F7F7F3
- FBFBF9
درجات داكنة
- BCBAAB
- A09E92
- 858479
- 6B6A61
- 53524B
- 3B3B35
- 252521
- 11100E
- 020202
درجات رمادية
- CFCDBE
- C6C4B7
- BDBBB0
- B4B3A9
- ABAAA2
- A2A19B
- 999994
- 91918D
- 888887
تناسق الألوان
متمم +180°
- D8D6C5
Whetstone
- D2D4E5
≈ Blushing Lilac
متجاور -30° +30°
- D8D6C5
Whetstone
- DFD3C5
≈ Wheat Sheaf
- D0D9C9
≈ Bayberry Frost
ثلاثي +120° +240°
- D8D6C5
Whetstone
- C6D9E0
≈ Balmy
- E1D0DA
≈ Orchid Ice
متمم منقسم +150° +210°
- D8D6C5
Whetstone
- CBD7E4
≈ Arctic Air
- DAD1E1
≈ Purple Mist
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.46:1 · APCA Lc 22
Ag
AAAعلى الأسود
WCAG 14.34:1 · APCA Lc 81
أفضل لون للنص: #000000
WCAG 14.34:1 (AAA) · APCA Lc 81
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--whetstone: #d8d6c5;
--whetstone-rgb: 216 214 197;
--whetstone-oklch: oklch(0.873 0.023 101.4);
}
.element {
color: var(--whetstone);
background-color: hsl(54 20% 81%);
border-color: oklch(0.873 0.023 101.4);
}Tailwind CSS v4
@theme {
--color-whetstone: #d8d6c5;
--color-whetstone-50: #f6f5ee;
--color-whetstone-100: #e9e8e0;
--color-whetstone-200: #d6d5ca;
--color-whetstone-300: #b9b8ab;
--color-whetstone-400: #a19f90;
--color-whetstone-500: #898776;
--color-whetstone-600: #747264;
--color-whetstone-700: #5d5b50;
--color-whetstone-800: #44433a;
--color-whetstone-900: #2f2e27;
--color-whetstone-950: #1c1b16;
}SCSS
$whetstone: #d8d6c5;
$whetstone-rgb: 216, 214, 197;
$whetstone-light: mix(#fff, $whetstone, 20%);
$whetstone-dark: mix(#000, $whetstone, 20%);
.element {
color: $whetstone;
box-shadow: 0 0 0 2px rgba($whetstone, 0.35);
}