最接近的命名颜色 · #A89794
#A89794
最接近的命名颜色: Cortex
#A89794（rgb(168 151 148)、hsl(9 10% 62%)、oklch(0.69 0.021 29.6)）最接近命名颜色 Cortex。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#A89794
oklch(0.69 0.021 29.6)
颜色转换
- HEX
- #a89794
- RGB
- rgb(168 151 148)
- HSL
- hsl(9 10% 62%)
- HWB
- hwb(9 58% 34%)
- OKLCH
- oklch(0.69 0.021 29.6)
- OKLab
- oklab(0.69 0.018 0.01)
- CIE Lab
- lab(63.91 6.1 3.99)
- LCH
- lch(63.91 7.29 33.2)
- CMYK
- cmyk(0% 10% 12% 34%)
浅色调 · 深色调 · 灰色调
浅色调
- B0A19E
- B9ABA9
- C2B5B3
- CABFBE
- D3CAC8
- DCD4D3
- E4DFDE
- EDE9E9
- F6F4F4
深色调
- 928380
- 7C6F6D
- 675C5A
- 524948
- 3F3736
- 2C2626
- 1A1716
- 0A0808
- 010101
灰色调
- A49592
- A09290
- 9C908E
- 988E8C
- 948B8A
- 908988
- 8C8786
- 888584
- 848282
配色和谐
互补色 +180°
- A89794
Cortex
- 8D9FA2
≈ White Scar
类似色 -30° +30°
- A89794
Cortex
- A7969B
≈ Lavender Lily
- A6998F
≈ Cobblestone
三角配色 +120° +240°
- A89794
Cortex
- 939F95
≈ Marble Green
- 969BA9
≈ Dusky Mood
分裂互补色 +150° +210°
- A89794
Cortex
- 8EA09C
≈ Kathleen’s Garden
- 909EA7
≈ Symmetry
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.79:1 · APCA Lc 54
Ag
AAA黑底
WCAG 7.51:1 · APCA Lc 48
最佳文字颜色: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
代码片段
CSS
:root {
--cortex: #a89794;
--cortex-rgb: 168 151 148;
--cortex-oklch: oklch(0.69 0.021 29.6);
}
.element {
color: var(--cortex);
background-color: hsl(9 10% 62%);
border-color: oklch(0.69 0.021 29.6);
}Tailwind CSS v4
@theme {
--color-cortex: #a89794;
--color-cortex-50: #fbf3f1;
--color-cortex-100: #efe5e4;
--color-cortex-200: #ddd1cf;
--color-cortex-300: #c2b4b1;
--color-cortex-400: #aa9a97;
--color-cortex-500: #93817e;
--color-cortex-600: #7d6e6b;
--color-cortex-700: #645855;
--color-cortex-800: #49403e;
--color-cortex-900: #332c2b;
--color-cortex-950: #1f1918;
}SCSS
$cortex: #a89794;
$cortex-rgb: 168, 151, 148;
$cortex-light: mix(#fff, $cortex, 20%);
$cortex-dark: mix(#000, $cortex, 20%);
.element {
color: $cortex;
box-shadow: 0 0 0 2px rgba($cortex, 0.35);
}