最接近的命名颜色 · #86A27E
#86A27E
最接近的命名颜色: Mistletoe
#86A27E（rgb(134 162 126)、hsl(107 16% 56%)、oklch(0.681 0.06 138.8)）最接近命名颜色 Mistletoe。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#86A27E
oklch(0.681 0.06 138.8)
颜色转换
- HEX
- #86a27e
- RGB
- rgb(134 162 126)
- HSL
- hsl(107 16% 56%)
- HWB
- hwb(107 49% 36%)
- OKLCH
- oklch(0.681 0.06 138.8)
- OKLab
- oklab(0.681 -0.045 0.04)
- CIE Lab
- lab(63.73 -15.36 15.44)
- LCH
- lch(63.73 21.78 134.9)
- CMYK
- cmyk(17% 0% 22% 36%)
浅色调 · 深色调 · 灰色调
浅色调
- 92AB8A
- 9DB497
- A9BDA3
- B5C6B0
- C1D0BD
- CDD9CA
- DAE2D7
- E6ECE4
- F2F5F2
深色调
- 748C6D
- 62775C
- 51634C
- 404F3C
- 303C2D
- 212A1F
- 131911
- 060A05
- 010101
灰色调
- 869F7E
- 859B7F
- 84987F
- 84947F
- 83917F
- 838E80
- 828A80
- 818780
- 818380
配色和谐
互补色 +180°
- 86A27E
Mistletoe
- A98DB1
≈ Revered
类似色 -30° +30°
- 86A27E
Mistletoe
- 9B9C70
≈ Domain
- 73A592
≈ Free Green
三角配色 +120° +240°
- 86A27E
Mistletoe
- 829ABE
≈ Bel Air Blue
- BB8A8A
≈ Shabby Chic
分裂互补色 +150° +210°
- 86A27E
Mistletoe
- 9793BC
≈ Royal Glimmer
- B68A9F
≈ Lover’s Tryst
四角配色 +90° +180° +270°
- 86A27E
Mistletoe
- 71A0B7
≈ Adventure Isle
- A98DB1
≈ Revered
- B88E78
≈ Tuscany
对比度与无障碍
Ag
Fail白底
WCAG 2.80:1 · APCA Lc 54
Ag
AAA黑底
WCAG 7.48:1 · APCA Lc 48
最佳文字颜色: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
代码片段
CSS
:root {
--mistletoe: #86a27e;
--mistletoe-rgb: 134 162 126;
--mistletoe-oklch: oklch(0.681 0.06 138.8);
}
.element {
color: var(--mistletoe);
background-color: hsl(107 16% 56%);
border-color: oklch(0.681 0.06 138.8);
}Tailwind CSS v4
@theme {
--color-mistletoe: #86a27e;
--color-mistletoe-50: #ecfaea;
--color-mistletoe-100: #ddedda;
--color-mistletoe-200: #c7dbc3;
--color-mistletoe-300: #a7c0a3;
--color-mistletoe-400: #8da785;
--color-mistletoe-500: #729069;
--color-mistletoe-600: #617a59;
--color-mistletoe-700: #4d6247;
--color-mistletoe-800: #394733;
--color-mistletoe-900: #273122;
--color-mistletoe-950: #151d12;
}SCSS
$mistletoe: #86a27e;
$mistletoe-rgb: 134, 162, 126;
$mistletoe-light: mix(#fff, $mistletoe, 20%);
$mistletoe-dark: mix(#000, $mistletoe, 20%);
.element {
color: $mistletoe;
box-shadow: 0 0 0 2px rgba($mistletoe, 0.35);
}