لون مسمّى · #DBD7C4
Crêpe Papier
Crêpe Papier هو #DBD7C4: rgb(219 215 196)، hsl(50 24% 81%)، oklch(0.877 0.026 97.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Crêpe Papier color name →
#DBD7C4
oklch(0.877 0.026 97.2)
تحويلات الألوان
- HEX
- #dbd7c4
- RGB
- rgb(219 215 196)
- HSL
- hsl(50 24% 81%)
- HWB
- hwb(50 77% 14%)
- OKLCH
- oklch(0.877 0.026 97.2)
- OKLab
- oklab(0.877 -0.003 0.026)
- CIE Lab
- lab(85.92 -0.99 9.93)
- LCH
- lch(85.92 9.98 95.7)
- CMYK
- cmyk(0% 2% 11% 14%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DFDBCA
- E2DFD0
- E6E3D6
- E9E7DB
- EDEBE1
- F0EFE7
- F4F3ED
- F8F7F3
- FBFBF9
درجات داكنة
- BEBBAA
- A29F91
- 878578
- 6D6B61
- 54524A
- 3C3B35
- 262521
- 11110E
- 020202
درجات رمادية
- D2CEBD
- C8C5B6
- BFBCAF
- B6B3A8
- ACAAA1
- A3A29B
- 9A9994
- 91918D
- 898887
تناسق الألوان
متمم +180°
- DBD7C4
Crêpe Papier
- D2D5E8
≈ Chill in the Air
متجاور -30° +30°
- DBD7C4
Crêpe Papier
- E3D4C5
≈ Hanyauku
- D2DAC8
≈ Duchamp Light Green
ثلاثي +120° +240°
- DBD7C4
Crêpe Papier
- C5DBE2
≈ Breath of Fresh Air
- E3D0DD
≈ Summer Clover
متمم منقسم +150° +210°
- DBD7C4
Crêpe Papier
- CAD9E7
≈ Sea Breeze Green
- DBD2E4
≈ Purple Mist
رباعي +90° +180° +270°
- DBD7C4
Crêpe Papier
- C4DCD9
≈ Cold Air Turquoise
- D2D5E8
≈ Chill in the Air
- E7D0D3
≈ Delicate Pink
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.44:1 · APCA Lc 21
Ag
AAAعلى الأسود
WCAG 14.52:1 · APCA Lc 82
أفضل لون للنص: #000000
WCAG 14.52:1 (AAA) · APCA Lc 82
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--crepe-papier: #dbd7c4;
--crepe-papier-rgb: 219 215 196;
--crepe-papier-oklch: oklch(0.877 0.026 97.2);
}
.element {
color: var(--crepe-papier);
background-color: hsl(50 24% 81%);
border-color: oklch(0.877 0.026 97.2);
}Tailwind CSS v4
@theme {
--color-crepe-papier: #dbd7c4;
--color-crepe-papier-50: #f7f5ed;
--color-crepe-papier-100: #eae8df;
--color-crepe-papier-200: #d7d5c8;
--color-crepe-papier-300: #bab8a9;
--color-crepe-papier-400: #a29f8e;
--color-crepe-papier-500: #8b8773;
--color-crepe-papier-600: #757262;
--color-crepe-papier-700: #5e5b4e;
--color-crepe-papier-800: #454238;
--color-crepe-papier-900: #302e27;
--color-crepe-papier-950: #1c1b15;
}SCSS
$crepe-papier: #dbd7c4;
$crepe-papier-rgb: 219, 215, 196;
$crepe-papier-light: mix(#fff, $crepe-papier, 20%);
$crepe-papier-dark: mix(#000, $crepe-papier, 20%);
.element {
color: $crepe-papier;
box-shadow: 0 0 0 2px rgba($crepe-papier, 0.35);
}