命名颜色 · #8F423D
Nandi Bear
Nandi Bear 即 #8F423D：rgb(143 66 61)、hsl(4 40% 40%)、oklch(0.478 0.106 25.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Nandi Bear color name →
#8F423D
oklch(0.478 0.106 25.6)
颜色转换
- HEX
- #8f423d
- RGB
- rgb(143 66 61)
- HSL
- hsl(4 40% 40%)
- HWB
- hwb(4 24% 44%)
- OKLCH
- oklch(0.478 0.106 25.6)
- OKLab
- oklab(0.478 0.095 0.046)
- CIE Lab
- lab(38.38 32.99 19.37)
- LCH
- lch(38.38 38.26 30.4)
- CMYK
- cmyk(0% 54% 57% 44%)
浅色调 · 深色调 · 灰色调
浅色调
- 9B544F
- A76761
- B37973
- BF8C86
- CA9E99
- D5B1AD
- E0C4C1
- EAD8D5
- F5EBEA
深色调
- 7C3834
- 692F2B
- 572522
- 451C1A
- 341412
- 240B0A
- 150504
- 070101
- 010000
灰色调
- 8F4944
- 8E504A
- 8D5651
- 8C5C58
- 8B635E
- 896965
- 876F6C
- 857473
- 837A79
配色和谐
互补色 +180°
- 8F423D
Nandi Bear
- 006A73
≈ Kingfisher Bright
类似色 -30° +30°
- 8F423D
Nandi Bear
- 8A415F
≈ Putnam Plum
- 894A16
≈ Brown Eyed Girl
三角配色 +120° +240°
- 8F423D
Nandi Bear
- 306C36
≈ San Felix
- 405A98
≈ Blue Dahlia
分裂互补色 +150° +210°
- 8F423D
Nandi Bear
- 006D5B
≈ Teal Dark Green
- 00658E
≈ Kingfisher Blue
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AA白底
WCAG 6.96:1 · APCA Lc 84
Ag
Fail黑底
WCAG 3.01:1 · APCA Lc 18
最佳文字颜色: #FFFFFF
WCAG 6.96:1 (AA) · APCA Lc 84
Contrast pairs
代码片段
CSS
:root {
--nandi-bear: #8f423d;
--nandi-bear-rgb: 143 66 61;
--nandi-bear-oklch: oklch(0.478 0.106 25.6);
}
.element {
color: var(--nandi-bear);
background-color: hsl(4 40% 40%);
border-color: oklch(0.478 0.106 25.6);
}Tailwind CSS v4
@theme {
--color-nandi-bear: #8f423d;
--color-nandi-bear-50: #ffeae5;
--color-nandi-bear-100: #ffdbd5;
--color-nandi-bear-200: #fec4bc;
--color-nandi-bear-300: #e9a39a;
--color-nandi-bear-400: #d6857e;
--color-nandi-bear-500: #c26861;
--color-nandi-bear-600: #a45953;
--color-nandi-bear-700: #844742;
--color-nandi-bear-800: #623330;
--color-nandi-bear-900: #452221;
--color-nandi-bear-950: #2c1110;
}SCSS
$nandi-bear: #8f423d;
$nandi-bear-rgb: 143, 66, 61;
$nandi-bear-light: mix(#fff, $nandi-bear, 20%);
$nandi-bear-dark: mix(#000, $nandi-bear, 20%);
.element {
color: $nandi-bear;
box-shadow: 0 0 0 2px rgba($nandi-bear, 0.35);
}