命名颜色 · #8DBC8A
Green Masquerade
Green Masquerade 即 #8DBC8A：rgb(141 188 138)、hsl(116 27% 64%)、oklch(0.748 0.086 143.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Green Masquerade color name →
#8DBC8A
oklch(0.748 0.086 143.2)
颜色转换
- HEX
- #8dbc8a
- RGB
- rgb(141 188 138)
- HSL
- hsl(116 27% 64%)
- HWB
- hwb(116 54% 26%)
- OKLCH
- oklch(0.748 0.086 143.2)
- OKLab
- oklab(0.748 -0.069 0.052)
- CIE Lab
- lab(71.91 -23.54 20.16)
- LCH
- lch(71.91 30.99 139.4)
- CMYK
- cmyk(25% 0% 27% 26%)
浅色调 · 深色调 · 灰色调
浅色调
- 98C395
- A4C9A1
- AFD0AC
- BAD7B8
- C6DDC4
- D1E4CF
- DCEBDB
- E8F2E7
- F3F8F3
深色调
- 7AA377
- 678B65
- 557353
- 445D42
- 334732
- 233222
- 141F14
- 070D07
- 010201
灰色调
- 8CB689
- 8BB088
- 8AAA88
- 89A487
- 879E86
- 869885
- 859284
- 838C82
- 828681
配色和谐
互补色 +180°
- 8DBC8A
Green Masquerade
- C89BCD
≈ Ineffable Magenta
类似色 -30° +30°
- 8DBC8A
Green Masquerade
- ADB473
≈ Timothy Grass
- 70C0A8
≈ Blue Energy
三角配色 +120° +240°
- 8DBC8A
Green Masquerade
- 91AEE5
≈ Queer Blue
- DF9894
≈ Blushing Bud
分裂互补色 +150° +210°
- 8DBC8A
Green Masquerade
- AFA3E0
≈ Violet Velvet
- D997B2
≈ Haute Pink
四角配色 +90° +180° +270°
- 8DBC8A
Green Masquerade
- 74B7DC
≈ Tranquil Bay
- C89BCD
≈ Ineffable Magenta
- D99F7A
≈ Soft Leather
对比度与无障碍
Ag
Fail白底
WCAG 2.16:1 · APCA Lc 43
Ag
AAA黑底
WCAG 9.69:1 · APCA Lc 60
最佳文字颜色: #000000
WCAG 9.69:1 (AAA) · APCA Lc 60
Contrast pairs
代码片段
CSS
:root {
--green-masquerade: #8dbc8a;
--green-masquerade-rgb: 141 188 138;
--green-masquerade-oklch: oklch(0.748 0.086 143.2);
}
.element {
color: var(--green-masquerade);
background-color: hsl(116 27% 64%);
border-color: oklch(0.748 0.086 143.2);
}Tailwind CSS v4
@theme {
--color-green-masquerade: #8dbc8a;
--color-green-masquerade-50: #e6fce6;
--color-green-masquerade-100: #d7f0d7;
--color-green-masquerade-200: #bedfbe;
--color-green-masquerade-300: #9cc49d;
--color-green-masquerade-400: #80ac7d;
--color-green-masquerade-500: #639560;
--color-green-masquerade-600: #547e52;
--color-green-masquerade-700: #436541;
--color-green-masquerade-800: #314a2d;
--color-green-masquerade-900: #21331f;
--color-green-masquerade-950: #111f0e;
}SCSS
$green-masquerade: #8dbc8a;
$green-masquerade-rgb: 141, 188, 138;
$green-masquerade-light: mix(#fff, $green-masquerade, 20%);
$green-masquerade-dark: mix(#000, $green-masquerade, 20%);
.element {
color: $green-masquerade;
box-shadow: 0 0 0 2px rgba($green-masquerade, 0.35);
}