命名颜色 · #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);
}