最接近的命名颜色 · #D1BE97
#D1BE97
最接近的命名颜色: Intimate Journal
#D1BE97（rgb(209 190 151)、hsl(40 39% 71%)、oklch(0.808 0.056 85)）最接近命名颜色 Intimate Journal。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#D1BE97
oklch(0.808 0.056 85)
颜色转换
- HEX
- #d1be97
- RGB
- rgb(209 190 151)
- HSL
- hsl(40 39% 71%)
- HWB
- hwb(40 59% 18%)
- OKLCH
- oklch(0.808 0.056 85)
- OKLab
- oklab(0.808 0.005 0.056)
- CIE Lab
- lab(77.86 2.57 22.35)
- LCH
- lch(77.86 22.5 83.4)
- CMYK
- cmyk(0% 9% 28% 18%)
浅色调 · 深色调 · 灰色调
浅色调
- D6C4A1
- DACBAC
- DFD1B6
- E3D8C0
- E8DECB
- ECE5D5
- F1EBDF
- F6F2EA
- FAF8F4
深色调
- B5A583
- 9B8C6F
- 81755C
- 685E49
- 504837
- 393326
- 231F17
- 100D08
- 020201
灰色调
- C9B895
- C0B193
- B8AB91
- B0A58E
- A89F8C
- A0988A
- 989287
- 908C85
- 888683
配色和谐
互补色 +180°
- D1BE97
Intimate Journal
- AEC0E6
≈ Promise
类似色 -30° +30°
- D1BE97
Intimate Journal
- DEB79E
≈ Wassail
- BEC59C
≈ Seagrass
三角配色 +120° +240°
- D1BE97
Intimate Journal
- 95CBD2
≈ Gentle Aquamarine
- D3B4D5
≈ Confectionary
分裂互补色 +150° +210°
- D1BE97
Intimate Journal
- 9DC7E0
≈ Legacy Blue
- C2BAE2
≈ Melrose
四角配色 +90° +180° +270°
- D1BE97
Intimate Journal
- 9ACDBE
≈ Thermal Aqua
- AEC0E6
≈ Promise
- DFB2C2
≈ Mental Floss
对比度与无障碍
Ag
Fail白底
WCAG 1.82:1 · APCA Lc 34
Ag
AAA黑底
WCAG 11.52:1 · APCA Lc 69
最佳文字颜色: #000000
WCAG 11.52:1 (AAA) · APCA Lc 69
Contrast pairs
代码片段
CSS
:root {
--intimate-journal: #d1be97;
--intimate-journal-rgb: 209 190 151;
--intimate-journal-oklch: oklch(0.808 0.056 85);
}
.element {
color: var(--intimate-journal);
background-color: hsl(40 39% 71%);
border-color: oklch(0.808 0.056 85);
}Tailwind CSS v4
@theme {
--color-intimate-journal: #d1be97;
--color-intimate-journal-50: #fcf5e3;
--color-intimate-journal-100: #f0e7d3;
--color-intimate-journal-200: #dfd3b9;
--color-intimate-journal-300: #c4b697;
--color-intimate-journal-400: #ae9c78;
--color-intimate-journal-500: #97845a;
--color-intimate-journal-600: #806f4d;
--color-intimate-journal-700: #67593d;
--color-intimate-journal-800: #4c412c;
--color-intimate-journal-900: #352d1d;
--color-intimate-journal-950: #201a0d;
}SCSS
$intimate-journal: #d1be97;
$intimate-journal-rgb: 209, 190, 151;
$intimate-journal-light: mix(#fff, $intimate-journal, 20%);
$intimate-journal-dark: mix(#000, $intimate-journal, 20%);
.element {
color: $intimate-journal;
box-shadow: 0 0 0 2px rgba($intimate-journal, 0.35);
}