لون مسمّى · #D9D3DA
Blackberry Cream
Blackberry Cream هو #D9D3DA: rgb(217 211 218)، hsl(291 9% 84%)، oklch(0.874 0.012 321.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Blackberry Cream color name →
#D9D3DA
oklch(0.874 0.012 321.3)
تحويلات الألوان
- HEX
- #d9d3da
- RGB
- rgb(217 211 218)
- HSL
- hsl(291 9% 84%)
- HWB
- hwb(291 83% 15%)
- OKLCH
- oklch(0.874 0.012 321.3)
- OKLab
- oklab(0.874 0.009 -0.007)
- CIE Lab
- lab(85.19 3.07 -2.7)
- LCH
- lch(85.19 4.09 318.7)
- CMYK
- cmyk(0% 3% 0% 15%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DDD7DE
- E1DCE1
- E4E0E5
- E8E4E9
- ECE9EC
- F0EDF0
- F3F2F4
- F7F6F8
- FBFBFB
درجات داكنة
- BCB7BD
- A19CA2
- 868287
- 6C696C
- 535154
- 3B3A3C
- 252425
- 111011
- 020202
درجات رمادية
- D0CAD1
- C7C2C7
- BDB9BE
- B4B1B5
- ABA9AC
- A3A0A3
- 9A989A
- 919091
- 898889
تناسق الألوان
متمم +180°
- D9D3DA
Blackberry Cream
- D1D7D0
≈ Serene Journey
متجاور -30° +30°
- D9D3DA
Blackberry Cream
- D5D4DD
≈ Take the Plunge
- DCD2D6
≈ Blush of Morn
ثلاثي +120° +240°
- D9D3DA
Blackberry Cream
- D9D5CD
≈ Winter Walk
- CDD8D8
≈ Raffia Light Grey
متمم منقسم +150° +210°
- D9D3DA
Blackberry Cream
- D5D6CE
≈ Close Knit
- CED8D4
≈ Sheer Elegance
رباعي +90° +180° +270°
- D9D3DA
Blackberry Cream
- DCD3CF
≈ Thick Fog
- D1D7D0
≈ Serene Journey
- CED7DC
≈ White Blue
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.47:1 · APCA Lc 22
Ag
AAAعلى الأسود
WCAG 14.28:1 · APCA Lc 81
أفضل لون للنص: #000000
WCAG 14.28:1 (AAA) · APCA Lc 81
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--blackberry-cream: #d9d3da;
--blackberry-cream-rgb: 217 211 218;
--blackberry-cream-oklch: oklch(0.874 0.012 321.3);
}
.element {
color: var(--blackberry-cream);
background-color: hsl(291 9% 84%);
border-color: oklch(0.874 0.012 321.3);
}Tailwind CSS v4
@theme {
--color-blackberry-cream: #d9d3da;
--color-blackberry-cream-50: #f7f4f7;
--color-blackberry-cream-100: #eae7ea;
--color-blackberry-cream-200: #d7d3d7;
--color-blackberry-cream-300: #bab5bb;
--color-blackberry-cream-400: #a29ca3;
--color-blackberry-cream-500: #8a848b;
--color-blackberry-cream-600: #757075;
--color-blackberry-cream-700: #5d595e;
--color-blackberry-cream-800: #444145;
--color-blackberry-cream-900: #2f2d30;
--color-blackberry-cream-950: #1c1a1c;
}SCSS
$blackberry-cream: #d9d3da;
$blackberry-cream-rgb: 217, 211, 218;
$blackberry-cream-light: mix(#fff, $blackberry-cream, 20%);
$blackberry-cream-dark: mix(#000, $blackberry-cream, 20%);
.element {
color: $blackberry-cream;
box-shadow: 0 0 0 2px rgba($blackberry-cream, 0.35);
}