最接近的命名颜色 · #578A32
#578A32
最接近的命名颜色: Indica
#578A32（rgb(87 138 50)、hsl(95 47% 37%)、oklch(0.578 0.132 134.3)）最接近命名颜色 Indica。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#578A32
oklch(0.578 0.132 134.3)
颜色转换
- HEX
- #578a32
- RGB
- rgb(87 138 50)
- HSL
- hsl(95 47% 37%)
- HWB
- hwb(95 20% 46%)
- OKLCH
- oklch(0.578 0.132 134.3)
- OKLab
- oklab(0.578 -0.092 0.094)
- CIE Lab
- lab(52.44 -29.7 40.08)
- LCH
- lch(52.44 49.89 126.5)
- CMYK
- cmyk(37% 0% 64% 46%)
浅色调 · 深色调 · 灰色调
浅色调
- 679649
- 77A15D
- 88AD72
- 98B886
- A9C499
- BAD0AD
- CBDCC2
- DCE7D6
- EDF3EA
深色调
- 4B772A
- 3E6522
- 33531B
- 274214
- 1C320D
- 122207
- 081403
- 030701
- 000100
灰色调
- 5C893D
- 608946
- 64884E
- 698756
- 6D865E
- 718565
- 75846C
- 788373
- 7C8179
配色和谐
互补色 +180°
- 578A32
Indica
- 965FAF
≈ Lusty Lavender
类似色 -30° +30°
- 578A32
Indica
- 867C00
≈ Olive
- 009066
≈ Viridian
三角配色 +120° +240°
- 578A32
Indica
- 3D7BC5
≈ Celestial Plum
- BA5461
≈ Hibiscus Flower
分裂互补色 +150° +210°
- 578A32
Indica
- 726CC4
≈ Purple Toolbox
- AE568C
≈ Brilliant Carmine
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 4.12:1 · APCA Lc 68
Ag
AA黑底
WCAG 5.08:1 · APCA Lc 33
最佳文字颜色: #000000
WCAG 5.08:1 (AA) · APCA Lc 33
Contrast pairs
代码片段
CSS
:root {
--indica: #578a32;
--indica-rgb: 87 138 50;
--indica-oklch: oklch(0.578 0.132 134.3);
}
.element {
color: var(--indica);
background-color: hsl(95 47% 37%);
border-color: oklch(0.578 0.132 134.3);
}Tailwind CSS v4
@theme {
--color-indica: #578a32;
--color-indica-50: #e4ffd9;
--color-indica-100: #d4f3c7;
--color-indica-200: #bbe2aa;
--color-indica-300: #98c783;
--color-indica-400: #7daf5d;
--color-indica-500: #5f9835;
--color-indica-600: #51812e;
--color-indica-700: #416725;
--color-indica-800: #304b16;
--color-indica-900: #21340e;
--color-indica-950: #102002;
}SCSS
$indica: #578a32;
$indica-rgb: 87, 138, 50;
$indica-light: mix(#fff, $indica, 20%);
$indica-dark: mix(#000, $indica, 20%);
.element {
color: $indica;
box-shadow: 0 0 0 2px rgba($indica, 0.35);
}