Colore con nome · #D9D3DA
Blackberry Cream
Blackberry Cream è #D9D3DA: rgb(217 211 218), hsl(291 9% 84%), oklch(0.874 0.012 321.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Blackberry Cream color name →
#D9D3DA
oklch(0.874 0.012 321.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- DDD7DE
- E1DCE1
- E4E0E5
- E8E4E9
- ECE9EC
- F0EDF0
- F3F2F4
- F7F6F8
- FBFBFB
Ombre
- BCB7BD
- A19CA2
- 868287
- 6C696C
- 535154
- 3B3A3C
- 252425
- 111011
- 020202
Toni
- D0CAD1
- C7C2C7
- BDB9BE
- B4B1B5
- ABA9AC
- A3A0A3
- 9A989A
- 919091
- 898889
Armonie di colore
Complementare +180°
- D9D3DA
Blackberry Cream
- D1D7D0
≈ Serene Journey
Analogo -30° +30°
- D9D3DA
Blackberry Cream
- D5D4DD
≈ Take the Plunge
- DCD2D6
≈ Blush of Morn
Triadico +120° +240°
- D9D3DA
Blackberry Cream
- D9D5CD
≈ Winter Walk
- CDD8D8
≈ Raffia Light Grey
Complementare divisa +150° +210°
- D9D3DA
Blackberry Cream
- D5D6CE
≈ Close Knit
- CED8D4
≈ Sheer Elegance
Tetradico +90° +180° +270°
- D9D3DA
Blackberry Cream
- DCD3CF
≈ Thick Fog
- D1D7D0
≈ Serene Journey
- CED7DC
≈ White Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.47:1 · APCA Lc 22
Ag
AAASu nero
WCAG 14.28:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.28:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
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);
}