命名颜色 · #95987E
Milkweed Pod
Milkweed Pod 即 #95987E：rgb(149 152 126)、hsl(67 11% 55%)、oklch(0.67 0.037 112.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Milkweed Pod color name →
#95987E
oklch(0.67 0.037 112.8)
颜色转换
- HEX
- #95987e
- RGB
- rgb(149 152 126)
- HSL
- hsl(67 11% 55%)
- HWB
- hwb(67 49% 40%)
- OKLCH
- oklch(0.67 0.037 112.8)
- OKLab
- oklab(0.67 -0.014 0.034)
- CIE Lab
- lab(62.05 -4.6 13.36)
- LCH
- lch(62.05 14.13 109)
- CMYK
- cmyk(2% 0% 17% 40%)
浅色调 · 深色调 · 灰色调
浅色调
- 9FA28A
- A9AC97
- B4B6A3
- BEC0B0
- C9CABD
- D3D5CA
- DEDFD7
- E9EAE4
- F4F4F2
深色调
- 81846D
- 6D705C
- 5A5C4C
- 484A3C
- 37382D
- 26271F
- 161711
- 080805
- 010101
灰色调
- 93967E
- 91937F
- 8F917F
- 8C8E7F
- 8A8C7F
- 888A7F
- 868780
- 848580
- 828280
配色和谐
互补色 +180°
- 95987E
Milkweed Pod
- 9591AB
≈ Cosmic Energy
类似色 -30° +30°
- 95987E
Milkweed Pod
- A1947C
≈ Weather Board
- 889B87
≈ Green Clay
三角配色 +120° +240°
- 95987E
Milkweed Pod
- 7F9AA9
≈ Beach Umbrella
- A88C97
≈ Reserve
分裂互补色 +150° +210°
- 95987E
Milkweed Pod
- 8996AD
≈ Norwegian Night
- A18EA3
≈ Ancestry Violet
四角配色 +90° +180° +270°
- 95987E
Milkweed Pod
- 7B9C9F
≈ Salt Blue
- 9591AB
≈ Cosmic Energy
- AB8D8B
≈ Mauve Day
对比度与无障碍
Ag
Fail白底
WCAG 2.97:1 · APCA Lc 56
Ag
AAA黑底
WCAG 7.07:1 · APCA Lc 45
最佳文字颜色: #000000
WCAG 7.07:1 (AAA) · APCA Lc 45
Contrast pairs
代码片段
CSS
:root {
--milkweed-pod: #95987e;
--milkweed-pod-rgb: 149 152 126;
--milkweed-pod-oklch: oklch(0.67 0.037 112.8);
}
.element {
color: var(--milkweed-pod);
background-color: hsl(67 11% 55%);
border-color: oklch(0.67 0.037 112.8);
}Tailwind CSS v4
@theme {
--color-milkweed-pod: #95987e;
--color-milkweed-pod-50: #f4f7eb;
--color-milkweed-pod-100: #e7eadc;
--color-milkweed-pod-200: #d3d6c5;
--color-milkweed-pod-300: #b6baa5;
--color-milkweed-pod-400: #9ea188;
--color-milkweed-pod-500: #86896d;
--color-milkweed-pod-600: #71745c;
--color-milkweed-pod-700: #5b5d4a;
--color-milkweed-pod-800: #434435;
--color-milkweed-pod-900: #2e2f24;
--color-milkweed-pod-950: #1b1b13;
}SCSS
$milkweed-pod: #95987e;
$milkweed-pod-rgb: 149, 152, 126;
$milkweed-pod-light: mix(#fff, $milkweed-pod, 20%);
$milkweed-pod-dark: mix(#000, $milkweed-pod, 20%);
.element {
color: $milkweed-pod;
box-shadow: 0 0 0 2px rgba($milkweed-pod, 0.35);
}