命名颜色 · #6A8561
Bladerunner
Bladerunner 即 #6A8561：rgb(106 133 97)、hsl(105 16% 45%)、oklch(0.586 0.062 138)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Bladerunner color name →
#6A8561
oklch(0.586 0.062 138)
颜色转换
- HEX
- #6a8561
- RGB
- rgb(106 133 97)
- HSL
- hsl(105 16% 45%)
- HWB
- hwb(105 38% 48%)
- OKLCH
- oklch(0.586 0.062 138)
- OKLab
- oklab(0.586 -0.046 0.041)
- CIE Lab
- lab(52.67 -15.47 16.18)
- LCH
- lch(52.67 22.39 133.7)
- CMYK
- cmyk(20% 0% 27% 48%)
浅色调 · 深色调 · 灰色调
浅色调
- 789170
- 869C7F
- 95A88E
- A3B49E
- B2C0AD
- C1CDBD
- D0D9CD
- E0E6DE
- EFF2EE
深色调
- 5B7353
- 4D6146
- 3F5039
- 31402D
- 243021
- 182115
- 0D130B
- 040603
- 000100
灰色调
- 6C8564
- 6F8467
- 71846B
- 73836E
- 758371
- 778274
- 7A8277
- 7C817A
- 7E817D
配色和谐
互补色 +180°
- 6A8561
Bladerunner
- 8C7194
≈ Wine Stroll
类似色 -30° +30°
- 6A8561
Bladerunner
- 7F7F53
≈ Frond
- 568875
≈ Dark Jade
三角配色 +120° +240°
- 6A8561
Bladerunner
- 657DA1
≈ Smoky Violet
- 9E6D6E
≈ Fruitwood
分裂互补色 +150° +210°
- 6A8561
Bladerunner
- 7A769F
≈ Benimidori Purple
- 986D82
≈ Meadow Flower
四角配色 +90° +180° +270°
- 6A8561
Bladerunner
- 538499
≈ Blue Moon Bay
- 8C7194
≈ Wine Stroll
- 9B715C
≈ Tangara
对比度与无障碍
Ag
Fail白底
WCAG 4.08:1 · APCA Lc 68
Ag
AA黑底
WCAG 5.14:1 · APCA Lc 34
最佳文字颜色: #000000
WCAG 5.14:1 (AA) · APCA Lc 34
Contrast pairs
代码片段
CSS
:root {
--bladerunner: #6a8561;
--bladerunner-rgb: 106 133 97;
--bladerunner-oklch: oklch(0.586 0.062 138);
}
.element {
color: var(--bladerunner);
background-color: hsl(105 16% 45%);
border-color: oklch(0.586 0.062 138);
}Tailwind CSS v4
@theme {
--color-bladerunner: #6a8561;
--color-bladerunner-50: #ecfae9;
--color-bladerunner-100: #ddedda;
--color-bladerunner-200: #c7dbc2;
--color-bladerunner-300: #a7c0a2;
--color-bladerunner-400: #8da884;
--color-bladerunner-500: #729068;
--color-bladerunner-600: #617a58;
--color-bladerunner-700: #4d6246;
--color-bladerunner-800: #394732;
--color-bladerunner-900: #273122;
--color-bladerunner-950: #151d11;
}SCSS
$bladerunner: #6a8561;
$bladerunner-rgb: 106, 133, 97;
$bladerunner-light: mix(#fff, $bladerunner, 20%);
$bladerunner-dark: mix(#000, $bladerunner, 20%);
.element {
color: $bladerunner;
box-shadow: 0 0 0 2px rgba($bladerunner, 0.35);
}