最接近的命名颜色 · #56814B
#56814B
最接近的命名颜色: Kale
#56814B（rgb(86 129 75)、hsl(108 26% 40%)、oklch(0.558 0.093 139.4)）最接近命名颜色 Kale。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#56814B
oklch(0.558 0.093 139.4)
颜色转换
- HEX
- #56814b
- RGB
- rgb(86 129 75)
- HSL
- hsl(108 26% 40%)
- HWB
- hwb(108 29% 49%)
- OKLCH
- oklch(0.558 0.093 139.4)
- OKLab
- oklab(0.558 -0.071 0.061)
- CIE Lab
- lab(49.78 -23.78 24.35)
- LCH
- lch(49.78 34.04 134.3)
- CMYK
- cmyk(33% 0% 42% 49%)
浅色调 · 深色调 · 灰色调
浅色调
- 668D5C
- 76996E
- 87A67F
- 97B291
- A8BFA2
- B9CBB4
- CAD8C7
- DCE5D9
- EDF2EC
深色调
- 4A6F40
- 3E5E35
- 324E2B
- 273E21
- 1C2E17
- 121F0E
- 081206
- 020602
- 000100
灰色调
- 5B8151
- 5F8156
- 63815C
- 688161
- 6C8167
- 70816C
- 748171
- 788176
- 7C807B
配色和谐
互补色 +180°
- 56814B
Kale
- 8C6196
≈ Aster Violetta
类似色 -30° +30°
- 56814B
Kale
- 787831
≈ Jungle Look
- 2D856B
≈ Dream Green
三角配色 +120° +240°
- 56814B
Kale
- 5274AA
≈ Flying Fish
- A35C5D
≈ Cheek Red
分裂互补色 +150° +210°
- 56814B
Kale
- 726AA7
≈ Inner Journey
- 9C5C7C
≈ Rose Wine
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AA白底
WCAG 4.52:1 · APCA Lc 71
Ag
AA黑底
WCAG 4.63:1 · APCA Lc 30
最佳文字颜色: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
代码片段
CSS
:root {
--kale: #56814b;
--kale-rgb: 86 129 75;
--kale-oklch: oklch(0.558 0.093 139.4);
}
.element {
color: var(--kale);
background-color: hsl(108 26% 40%);
border-color: oklch(0.558 0.093 139.4);
}Tailwind CSS v4
@theme {
--color-kale: #56814b;
--color-kale-50: #e7fce4;
--color-kale-100: #d7f0d3;
--color-kale-200: #bfdfba;
--color-kale-300: #9dc497;
--color-kale-400: #82ac77;
--color-kale-500: #659558;
--color-kale-600: #567e4b;
--color-kale-700: #44653c;
--color-kale-800: #324a29;
--color-kale-900: #22331c;
--color-kale-950: #111f0c;
}SCSS
$kale: #56814b;
$kale-rgb: 86, 129, 75;
$kale-light: mix(#fff, $kale, 20%);
$kale-dark: mix(#000, $kale, 20%);
.element {
color: $kale;
box-shadow: 0 0 0 2px rgba($kale, 0.35);
}