命名颜色 · #968775
Bedbox
Bedbox 即 #968775：rgb(150 135 117)、hsl(33 14% 52%)、oklch(0.632 0.032 72.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Bedbox color name →
#968775
oklch(0.632 0.032 72.2)
颜色转换
- HEX
- #968775
- RGB
- rgb(150 135 117)
- HSL
- hsl(33 14% 52%)
- HWB
- hwb(33 46% 41%)
- OKLCH
- oklch(0.632 0.032 72.2)
- OKLab
- oklab(0.632 0.01 0.03)
- CIE Lab
- lab(57.3 3.61 11.89)
- LCH
- lch(57.3 12.43 73.1)
- CMYK
- cmyk(0% 10% 22% 41%)
浅色调 · 深色调 · 灰色调
浅色调
- A09282
- AA9E8F
- B5AA9D
- BFB5AA
- C9C1B8
- D4CDC6
- DFDAD4
- E9E6E2
- F4F2F0
深色调
- 827565
- 6E6355
- 5B5146
- 494137
- 373129
- 26211C
- 16130F
- 080605
- 010101
灰色调
- 948676
- 928677
- 8F8578
- 8D847A
- 8B847B
- 89837C
- 87827D
- 84817E
- 82817F
配色和谐
互补色 +180°
- 968775
Bedbox
- 7C8B9D
≈ Lucid Blue
类似色 -30° +30°
- 968775
Bedbox
- 9B847B
≈ Antique Bear
- 8D8B75
≈ Dry Sage
三角配色 +120° +240°
- 968775
Bedbox
- 74908F
≈ Juniper
- 908498
≈ Purple Ash
分裂互补色 +150° +210°
- 968775
Bedbox
- 758E98
≈ Sheltered Bay
- 86889D
≈ Mandrake
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 3.48:1 · APCA Lc 62
Ag
AA黑底
WCAG 6.01:1 · APCA Lc 39
最佳文字颜色: #000000
WCAG 6.01:1 (AA) · APCA Lc 39
Contrast pairs
代码片段
CSS
:root {
--bedbox: #968775;
--bedbox-rgb: 150 135 117;
--bedbox-oklch: oklch(0.632 0.032 72.2);
}
.element {
color: var(--bedbox);
background-color: hsl(33 14% 52%);
border-color: oklch(0.632 0.032 72.2);
}Tailwind CSS v4
@theme {
--color-bedbox: #968775;
--color-bedbox-50: #fbf4eb;
--color-bedbox-100: #eee7dd;
--color-bedbox-200: #ddd3c6;
--color-bedbox-300: #c1b5a6;
--color-bedbox-400: #aa9c8a;
--color-bedbox-500: #94836f;
--color-bedbox-600: #7d6f5f;
--color-bedbox-700: #64594b;
--color-bedbox-800: #4a4137;
--color-bedbox-900: #332d25;
--color-bedbox-950: #1f1a14;
}SCSS
$bedbox: #968775;
$bedbox-rgb: 150, 135, 117;
$bedbox-light: mix(#fff, $bedbox, 20%);
$bedbox-dark: mix(#000, $bedbox, 20%);
.element {
color: $bedbox;
box-shadow: 0 0 0 2px rgba($bedbox, 0.35);
}