命名颜色 · #B4B498
Milton
Milton 即 #B4B498：rgb(180 180 152)、hsl(60 16% 65%)、oklch(0.762 0.039 107.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Milton color name →
#B4B498
oklch(0.762 0.039 107.3)
颜色转换
- HEX
- #b4b498
- RGB
- rgb(180 180 152)
- HSL
- hsl(60 16% 65%)
- HWB
- hwb(60 60% 29%)
- OKLCH
- oklch(0.762 0.039 107.3)
- OKLab
- oklab(0.762 -0.011 0.037)
- CIE Lab
- lab(72.75 -3.59 14.36)
- LCH
- lch(72.75 14.8 104)
- CMYK
- cmyk(0% 0% 16% 29%)
浅色调 · 深色调 · 灰色调
浅色调
- BBBBA2
- C3C3AC
- CACAB6
- D1D2C0
- D9D9CB
- E0E1D5
- E8E8DF
- F0F0EA
- F7F7F4
深色调
- 9C9C84
- 858570
- 6E6E5C
- 58584A
- 444438
- 303027
- 1D1D17
- 0C0C08
- 020201
灰色调
- AFAF96
- A9A993
- A4A491
- 9F9F8F
- 9A9A8C
- 94948A
- 8F8F87
- 8A8A85
- 858582
配色和谐
互补色 +180°
- B4B498
Milton
- B0AFCA
≈ Purple Freedom
类似色 -30° +30°
- B4B498
Milton
- C0AF97
≈ Riviera Beach
- A7B8A0
≈ Winter Squash
三角配色 +120° +240°
- B4B498
Milton
- 99B7C5
≈ Shallow Sea
- C5A8B6
≈ Pansy Posie
分裂互补色 +150° +210°
- B4B498
Milton
- A3B3CB
≈ Kentucky Blue
- BCABC2
≈ Lavender Frost
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.11:1 · APCA Lc 41
Ag
AAA黑底
WCAG 9.92:1 · APCA Lc 61
最佳文字颜色: #000000
WCAG 9.92:1 (AAA) · APCA Lc 61
Contrast pairs
代码片段
CSS
:root {
--milton: #b4b498;
--milton-rgb: 180 180 152;
--milton-oklch: oklch(0.762 0.039 107.3);
}
.element {
color: var(--milton);
background-color: hsl(60 16% 65%);
border-color: oklch(0.762 0.039 107.3);
}Tailwind CSS v4
@theme {
--color-milton: #b4b498;
--color-milton-50: #f6f6ea;
--color-milton-100: #e8e9db;
--color-milton-200: #d5d6c3;
--color-milton-300: #b8b9a3;
--color-milton-400: #a0a086;
--color-milton-500: #89886b;
--color-milton-600: #74735b;
--color-milton-700: #5c5c48;
--color-milton-800: #444334;
--color-milton-900: #2f2e23;
--color-milton-950: #1c1b12;
}SCSS
$milton: #b4b498;
$milton-rgb: 180, 180, 152;
$milton-light: mix(#fff, $milton, 20%);
$milton-dark: mix(#000, $milton, 20%);
.element {
color: $milton;
box-shadow: 0 0 0 2px rgba($milton, 0.35);
}