命名颜色 · #B7B698
Disguise
Disguise 即 #B7B698：rgb(183 182 152)、hsl(58 18% 66%)、oklch(0.769 0.041 105.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Disguise color name →
#B7B698
oklch(0.769 0.041 105.8)
颜色转换
- HEX
- #b7b698
- RGB
- rgb(183 182 152)
- HSL
- hsl(58 18% 66%)
- HWB
- hwb(58 60% 28%)
- OKLCH
- oklch(0.769 0.041 105.8)
- OKLab
- oklab(0.769 -0.011 0.04)
- CIE Lab
- lab(73.53 -3.44 15.49)
- LCH
- lch(73.53 15.86 102.5)
- CMYK
- cmyk(0% 1% 17% 28%)
浅色调 · 深色调 · 灰色调
浅色调
- BEBDA2
- C5C4AC
- CCCCB6
- D3D3C0
- DADACB
- E2E1D5
- E9E9DF
- F0F0EA
- F8F8F4
深色调
- 9F9E84
- 878670
- 706F5C
- 5A594A
- 454438
- 313027
- 1E1D17
- 0C0C08
- 020201
灰色调
- B1B096
- ACAB93
- A6A691
- A1A08F
- 9B9B8C
- 96958A
- 909087
- 8B8B85
- 858582
配色和谐
互补色 +180°
- B7B698
Disguise
- B1B1CE
≈ Lavender Dream
类似色 -30° +30°
- B7B698
Disguise
- C4B197
≈ Tender Taupe
- A9BAA0
≈ Laurel Green
三角配色 +120° +240°
- B7B698
Disguise
- 99BAC8
≈ Sydney Harbour
- C8AABA
≈ Fragrant Lilac
分裂互补色 +150° +210°
- B7B698
Disguise
- A3B6CF
≈ Minuet
- BEACC6
≈ Fancy Pansy
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.06:1 · APCA Lc 40
Ag
AAA黑底
WCAG 10.15:1 · APCA Lc 62
最佳文字颜色: #000000
WCAG 10.15:1 (AAA) · APCA Lc 62
Contrast pairs
代码片段
CSS
:root {
--disguise: #b7b698;
--disguise-rgb: 183 182 152;
--disguise-oklch: oklch(0.769 0.041 105.8);
}
.element {
color: var(--disguise);
background-color: hsl(58 18% 66%);
border-color: oklch(0.769 0.041 105.8);
}Tailwind CSS v4
@theme {
--color-disguise: #b7b698;
--color-disguise-50: #f6f6e9;
--color-disguise-100: #e9e9da;
--color-disguise-200: #d6d6c2;
--color-disguise-300: #b9b9a1;
--color-disguise-400: #a1a084;
--color-disguise-500: #898869;
--color-disguise-600: #747359;
--color-disguise-700: #5d5c47;
--color-disguise-800: #454333;
--color-disguise-900: #2f2e22;
--color-disguise-950: #1c1b12;
}SCSS
$disguise: #b7b698;
$disguise-rgb: 183, 182, 152;
$disguise-light: mix(#fff, $disguise, 20%);
$disguise-dark: mix(#000, $disguise, 20%);
.element {
color: $disguise;
box-shadow: 0 0 0 2px rgba($disguise, 0.35);
}