最接近的命名颜色 · #8CB768
#8CB768
最接近的命名颜色: Broccoli
#8CB768（rgb(140 183 104)、hsl(93 35% 56%)、oklch(0.73 0.117 132)）最接近命名颜色 Broccoli。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#8CB768
oklch(0.73 0.117 132)
颜色转换
- HEX
- #8cb768
- RGB
- rgb(140 183 104)
- HSL
- hsl(93 35% 56%)
- HWB
- hwb(93 41% 28%)
- OKLCH
- oklch(0.73 0.117 132)
- OKLab
- oklab(0.73 -0.078 0.087)
- CIE Lab
- lab(69.91 -25.38 35.21)
- LCH
- lch(69.91 43.4 125.8)
- CMYK
- cmyk(23% 0% 43% 28%)
浅色调 · 深色调 · 灰色调
浅色调
- 97BE78
- A2C687
- AECD96
- B9D4A5
- C5DBB4
- D0E2C3
- DCEAD2
- E7F1E1
- F3F8F0
深色调
- 799F59
- 67874B
- 55703E
- 435A30
- 334524
- 233118
- 141E0C
- 070C04
- 010200
灰色调
- 8BB26B
- 8AAC6F
- 89A771
- 88A174
- 869C77
- 859679
- 84917B
- 838B7D
- 81867E
配色和谐
互补色 +180°
- 8CB768
Broccoli
- C092DD
≈ Bright Lavender
类似色 -30° +30°
- 8CB768
Broccoli
- B6AA4B
≈ Dill Green
- 59BE91
≈ Techno Turquoise
三角配色 +120° +240°
- 8CB768
Broccoli
- 6FACEF
≈ Blue Jeans
- E78894
≈ Strawberry Ice
分裂互补色 +150° +210°
- 8CB768
Broccoli
- 9C9EEF
≈ Cold Lips
- DA89BC
≈ Cyclamen
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.31:1 · APCA Lc 45
Ag
AAA黑底
WCAG 9.08:1 · APCA Lc 57
最佳文字颜色: #000000
WCAG 9.08:1 (AAA) · APCA Lc 57
Contrast pairs
代码片段
CSS
:root {
--broccoli: #8cb768;
--broccoli-rgb: 140 183 104;
--broccoli-oklch: oklch(0.73 0.117 132);
}
.element {
color: var(--broccoli);
background-color: hsl(93 35% 56%);
border-color: oklch(0.73 0.117 132);
}Tailwind CSS v4
@theme {
--color-broccoli: #8cb768;
--color-broccoli-50: #e8fddb;
--color-broccoli-100: #d8f1ca;
--color-broccoli-200: #c0e0ad;
--color-broccoli-300: #9fc588;
--color-broccoli-400: #84ad63;
--color-broccoli-500: #68963e;
--color-broccoli-600: #597f36;
--color-broccoli-700: #47652b;
--color-broccoli-800: #354a1c;
--color-broccoli-900: #243312;
--color-broccoli-950: #131f04;
}SCSS
$broccoli: #8cb768;
$broccoli-rgb: 140, 183, 104;
$broccoli-light: mix(#fff, $broccoli, 20%);
$broccoli-dark: mix(#000, $broccoli, 20%);
.element {
color: $broccoli;
box-shadow: 0 0 0 2px rgba($broccoli, 0.35);
}