命名颜色 · #D5D3C7
Barest Hush
Barest Hush 即 #D5D3C7：rgb(213 211 199)、hsl(51 14% 81%)、oklch(0.865 0.016 99)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Barest Hush color name →
#D5D3C7
oklch(0.865 0.016 99)
颜色转换
- HEX
- #d5d3c7
- RGB
- rgb(213 211 199)
- HSL
- hsl(51 14% 81%)
- HWB
- hwb(51 78% 16%)
- OKLCH
- oklch(0.865 0.016 99)
- OKLab
- oklab(0.865 -0.003 0.016)
- CIE Lab
- lab(84.47 -0.85 6.22)
- LCH
- lch(84.47 6.28 97.8)
- CMYK
- cmyk(0% 1% 7% 16%)
浅色调 · 深色调 · 灰色调
浅色调
- D9D7CD
- DDDCD2
- E1E0D8
- E6E4DD
- EAE9E3
- EEEDE8
- F2F2EE
- F6F6F4
- FBFBF9
深色调
- B9B7AD
- 9E9C93
- 83827A
- 6A6962
- 51514C
- 3A3A36
- 242421
- 10100E
- 020202
灰色调
- CCCAC0
- C3C2B8
- BBB9B1
- B2B1AA
- AAA9A3
- A1A09C
- 999895
- 90908E
- 888887
配色和谐
互补色 +180°
- D5D3C7
Barest Hush
- D0D2DE
≈ Light Horizon Sky
类似色 -30° +30°
- D5D3C7
Barest Hush
- DAD1C7
≈ Jodhpur Tan
- CFD5CA
≈ Aspen Mist
三角配色 +120° +240°
- D5D3C7
Barest Hush
- C7D5DA
≈ Ice Rink Blue
- DACFD6
≈ Stardust Ballroom
分裂互补色 +150° +210°
- D5D3C7
Barest Hush
- CBD4DD
≈ Ephemeral Blue
- D6D0DB
≈ Iron Maiden
四角配色 +90° +180° +270°
- D5D3C7
Barest Hush
- C7D6D5
≈ Skydiving
- D0D2DE
≈ Light Horizon Sky
- DDCED0
≈ Light Pink Linen
对比度与无障碍
Ag
Fail白底
WCAG 1.50:1 · APCA Lc 24
Ag
AAA黑底
WCAG 13.97:1 · APCA Lc 80
最佳文字颜色: #000000
WCAG 13.97:1 (AAA) · APCA Lc 80
Contrast pairs
代码片段
CSS
:root {
--barest-hush: #d5d3c7;
--barest-hush-rgb: 213 211 199;
--barest-hush-oklch: oklch(0.865 0.016 99);
}
.element {
color: var(--barest-hush);
background-color: hsl(51 14% 81%);
border-color: oklch(0.865 0.016 99);
}Tailwind CSS v4
@theme {
--color-barest-hush: #d5d3c7;
--color-barest-hush-50: #f6f5f0;
--color-barest-hush-100: #e9e8e2;
--color-barest-hush-200: #d5d4cd;
--color-barest-hush-300: #b9b8ae;
--color-barest-hush-400: #a19f94;
--color-barest-hush-500: #89877a;
--color-barest-hush-600: #747268;
--color-barest-hush-700: #5c5b53;
--color-barest-hush-800: #44423c;
--color-barest-hush-900: #2f2e29;
--color-barest-hush-950: #1b1b17;
}SCSS
$barest-hush: #d5d3c7;
$barest-hush-rgb: 213, 211, 199;
$barest-hush-light: mix(#fff, $barest-hush, 20%);
$barest-hush-dark: mix(#000, $barest-hush, 20%);
.element {
color: $barest-hush;
box-shadow: 0 0 0 2px rgba($barest-hush, 0.35);
}