命名颜色 · #D0C7C3
Bleached Bare
Bleached Bare 即 #D0C7C3：rgb(208 199 195)、hsl(18 12% 79%)、oklch(0.836 0.012 45.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Bleached Bare color name →
#D0C7C3
oklch(0.836 0.012 45.7)
颜色转换
- HEX
- #d0c7c3
- RGB
- rgb(208 199 195)
- HSL
- hsl(18 12% 79%)
- HWB
- hwb(18 76% 18%)
- OKLCH
- oklch(0.836 0.012 45.7)
- OKLab
- oklab(0.836 0.008 0.008)
- CIE Lab
- lab(80.9 2.72 3.19)
- LCH
- lch(80.9 4.19 49.5)
- CMYK
- cmyk(0% 4% 6% 18%)
浅色调 · 深色调 · 灰色调
浅色调
- D5CCC9
- D9D2CF
- DED8D5
- E3DDDB
- E7E3E1
- ECE8E7
- F1EEED
- F5F4F3
- FAF9F9
深色调
- B5ADA9
- 9A9390
- 807A78
- 676260
- 4F4C4A
- 393634
- 232120
- 100E0E
- 020202
灰色调
- C8C0BC
- BFB8B5
- B7B1AE
- AFAAA8
- A7A3A1
- 9F9C9A
- 979594
- 8F8E8D
- 888786
配色和谐
互补色 +180°
- D0C7C3
Bleached Bare
- C2CBCF
≈ Stone Golem
类似色 -30° +30°
- D0C7C3
Bleached Bare
- D1C6C7
≈ Vaguely Mauve
- CEC8C1
≈ Winter Haze
三角配色 +120° +240°
- D0C7C3
Bleached Bare
- C3CCC7
≈ Knightsbridge Mist
- C8C8D1
≈ Hyacinth Ice
分裂互补色 +150° +210°
- D0C7C3
Bleached Bare
- C1CCCB
≈ Scottish Heath
- C4CAD1
≈ Light Spirit
四角配色 +90° +180° +270°
- D0C7C3
Bleached Bare
- C6CBC4
≈ Moss Ink
- C2CBCF
≈ Stone Golem
- CCC7CE
≈ Chrome Chalice
对比度与无障碍
Ag
Fail白底
WCAG 1.66:1 · APCA Lc 29
Ag
AAA黑底
WCAG 12.63:1 · APCA Lc 74
最佳文字颜色: #000000
WCAG 12.63:1 (AAA) · APCA Lc 74
Contrast pairs
代码片段
CSS
:root {
--bleached-bare: #d0c7c3;
--bleached-bare-rgb: 208 199 195;
--bleached-bare-oklch: oklch(0.836 0.012 45.7);
}
.element {
color: var(--bleached-bare);
background-color: hsl(18 12% 79%);
border-color: oklch(0.836 0.012 45.7);
}Tailwind CSS v4
@theme {
--color-bleached-bare: #d0c7c3;
--color-bleached-bare-50: #f8f4f2;
--color-bleached-bare-100: #ebe7e5;
--color-bleached-bare-200: #d9d3d0;
--color-bleached-bare-300: #bdb6b2;
--color-bleached-bare-400: #a59c99;
--color-bleached-bare-500: #8d8480;
--color-bleached-bare-600: #77706c;
--color-bleached-bare-700: #605957;
--color-bleached-bare-800: #46413f;
--color-bleached-bare-900: #302d2b;
--color-bleached-bare-950: #1d1a19;
}SCSS
$bleached-bare: #d0c7c3;
$bleached-bare-rgb: 208, 199, 195;
$bleached-bare-light: mix(#fff, $bleached-bare, 20%);
$bleached-bare-dark: mix(#000, $bleached-bare, 20%);
.element {
color: $bleached-bare;
box-shadow: 0 0 0 2px rgba($bleached-bare, 0.35);
}