最接近的命名颜色 · #98404A
#98404A
最接近的命名颜色: Eternal Flame
#98404A（rgb(152 64 74)、hsl(353 41% 42%)、oklch(0.491 0.118 15.6)）最接近命名颜色 Eternal Flame。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#98404A
oklch(0.491 0.118 15.6)
颜色转换
- HEX
- #98404a
- RGB
- rgb(152 64 74)
- HSL
- hsl(353 41% 42%)
- HWB
- hwb(353 25% 40%)
- OKLCH
- oklch(0.491 0.118 15.6)
- OKLab
- oklab(0.491 0.114 0.032)
- CIE Lab
- lab(39.71 38.28 13.39)
- LCH
- lch(39.71 40.55 19.3)
- CMYK
- cmyk(0% 58% 51% 40%)
浅色调 · 深色调 · 灰色调
浅色调
- A4535A
- AF666B
- BA787D
- C58B8E
- CF9EA0
- D9B1B2
- E3C4C5
- EDD8D8
- F6EBEB
深色调
- 84363F
- 702D35
- 5C242A
- 4A1B20
- 381317
- 270B0E
- 170506
- 080102
- 010000
灰色调
- 97484F
- 954F55
- 94555A
- 925C5F
- 906265
- 8D686A
- 8A6E70
- 877475
- 847A7B
配色和谐
互补色 +180°
- 98404A
Eternal Flame
- 006F70
≈ Active Turquoise
类似色 -30° +30°
- 98404A
Eternal Flame
- 8E426F
≈ Bonbon Red
- 96471E
≈ Autumn Red
三角配色 +120° +240°
- 98404A
Eternal Flame
- 406F23
≈ Forest Empress
- 2E61A2
≈ Zydeco Blue
分裂互补色 +150° +210°
- 98404A
Eternal Flame
- 007353
≈ Lush Meadow
- 006B89
≈ Techno Blue
四角配色 +90° +180° +270°
- 98404A
Eternal Flame
- 696400
≈ Earthy Khaki Green
- 006F70
≈ Active Turquoise
- 5C55A0
≈ Coronation Blue
对比度与无障碍
Ag
AA白底
WCAG 6.63:1 · APCA Lc 82
Ag
Fail黑底
WCAG 3.16:1 · APCA Lc 20
最佳文字颜色: #FFFFFF
WCAG 6.63:1 (AA) · APCA Lc 82
Contrast pairs
代码片段
CSS
:root {
--eternal-flame: #98404a;
--eternal-flame-rgb: 152 64 74;
--eternal-flame-oklch: oklch(0.491 0.118 15.6);
}
.element {
color: var(--eternal-flame);
background-color: hsl(353 41% 42%);
border-color: oklch(0.491 0.118 15.6);
}Tailwind CSS v4
@theme {
--color-eternal-flame: #98404a;
--color-eternal-flame-50: #ffe8e9;
--color-eternal-flame-100: #ffd9d9;
--color-eternal-flame-200: #ffc0c2;
--color-eternal-flame-300: #ee9fa1;
--color-eternal-flame-400: #db8087;
--color-eternal-flame-500: #c8626c;
--color-eternal-flame-600: #a9535b;
--color-eternal-flame-700: #884249;
--color-eternal-flame-800: #652f36;
--color-eternal-flame-900: #472025;
--color-eternal-flame-950: #2e0f14;
}SCSS
$eternal-flame: #98404a;
$eternal-flame-rgb: 152, 64, 74;
$eternal-flame-light: mix(#fff, $eternal-flame, 20%);
$eternal-flame-dark: mix(#000, $eternal-flame, 20%);
.element {
color: $eternal-flame;
box-shadow: 0 0 0 2px rgba($eternal-flame, 0.35);
}