最接近的命名颜色 · #82B489
#82B489
最接近的命名颜色: Verde
#82B489（rgb(130 180 137)、hsl(128 25% 61%)、oklch(0.723 0.082 148.4)）最接近命名颜色 Verde。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#82B489
oklch(0.723 0.082 148.4)
颜色转换
- HEX
- #82b489
- RGB
- rgb(130 180 137)
- HSL
- hsl(128 25% 61%)
- HWB
- hwb(128 51% 29%)
- OKLCH
- oklch(0.723 0.082 148.4)
- OKLab
- oklab(0.723 -0.069 0.043)
- CIE Lab
- lab(68.9 -23.82 16.48)
- LCH
- lch(68.9 28.96 145.3)
- CMYK
- cmyk(28% 0% 24% 29%)
浅色调 · 深色调 · 灰色调
浅色调
- 8EBB94
- 9BC3A0
- A7CAAB
- B4D2B7
- C0D9C3
- CDE1CF
- D9E8DB
- E6F0E7
- F2F7F3
深色调
- 709C76
- 5F8564
- 4E6E53
- 3E5842
- 2F4431
- 203022
- 121D14
- 060C07
- 010201
灰色调
- 82AF88
- 82AA87
- 82A487
- 829F86
- 829A85
- 829584
- 829083
- 818A82
- 818581
配色和谐
互补色 +180°
- 82B489
Verde
- C293BF
≈ La la Love
类似色 -30° +30°
三角配色 +120° +240°
- 82B489
Verde
- 90A4D9
≈ Dalmatian Sage
- D49289
≈ Peach Preserve
分裂互补色 +150° +210°
- 82B489
Verde
- AC9BD2
≈ Biloba Flower
- D090A5
≈ Kiss
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.37:1 · APCA Lc 47
Ag
AAA黑底
WCAG 8.83:1 · APCA Lc 55
最佳文字颜色: #000000
WCAG 8.83:1 (AAA) · APCA Lc 55
Contrast pairs
代码片段
CSS
:root {
--verde: #82b489;
--verde-rgb: 130 180 137;
--verde-oklch: oklch(0.723 0.082 148.4);
}
.element {
color: var(--verde);
background-color: hsl(128 25% 61%);
border-color: oklch(0.723 0.082 148.4);
}Tailwind CSS v4
@theme {
--color-verde: #82b489;
--color-verde-50: #e5fce9;
--color-verde-100: #d5f0da;
--color-verde-200: #bcdfc2;
--color-verde-300: #9ac4a2;
--color-verde-400: #7dac84;
--color-verde-500: #5f9568;
--color-verde-600: #517e58;
--color-verde-700: #406546;
--color-verde-800: #2f4a31;
--color-verde-900: #203321;
--color-verde-950: #0f1f11;
}SCSS
$verde: #82b489;
$verde-rgb: 130, 180, 137;
$verde-light: mix(#fff, $verde, 20%);
$verde-dark: mix(#000, $verde, 20%);
.element {
color: $verde;
box-shadow: 0 0 0 2px rgba($verde, 0.35);
}