最接近的命名颜色 · #A0464D
#A0464D
最接近的命名颜色: Eternal Flame
#A0464D（rgb(160 70 77)、hsl(355 39% 45%)、oklch(0.513 0.12 17.6)）最接近命名颜色 Eternal Flame。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#A0464D
oklch(0.513 0.12 17.6)
颜色转换
- HEX
- #a0464d
- RGB
- rgb(160 70 77)
- HSL
- hsl(355 39% 45%)
- HWB
- hwb(355 27% 37%)
- OKLCH
- oklch(0.513 0.12 17.6)
- OKLab
- oklab(0.513 0.114 0.036)
- CIE Lab
- lab(42.25 38.59 15.21)
- LCH
- lch(42.25 41.48 21.5)
- CMYK
- cmyk(0% 56% 52% 37%)
浅色调 · 深色调 · 灰色调
浅色调
- AB595D
- B66B6E
- C07D7F
- CA8F90
- D4A1A2
- DDB4B4
- E6C6C6
- EFD9D9
- F7ECEC
深色调
- 8B3C42
- 763237
- 61282C
- 4E1E22
- 3B1518
- 290D0F
- 190507
- 090202
- 010000
灰色调
- 9E4D52
- 9C5357
- 995A5C
- 966061
- 936566
- 906B6C
- 8D7071
- 897676
- 857B7B
配色和谐
互补色 +180°
- A0464D
Eternal Flame
- 007679
≈ Maxi Teal
类似色 -30° +30°
- A0464D
Eternal Flame
- 974774
≈ Befitting
- 9D4E20
≈ Catlinite
三角配色 +120° +240°
- A0464D
Eternal Flame
- 42762C
≈ Cucumber Queen
- 3767AA
≈ Dover Straits
分裂互补色 +150° +210°
- A0464D
Eternal Flame
- 007A5B
≈ Emerald Dream
- 007193
≈ Tropic Sea
四角配色 +90° +180° +270°
- A0464D
Eternal Flame
- 6E6B00
≈ Worn Olive
- 007679
≈ Maxi Teal
- 645AA7
≈ Prophet Violet
对比度与无障碍
Ag
AA白底
WCAG 6.03:1 · APCA Lc 80
Ag
Fail黑底
WCAG 3.47:1 · APCA Lc 22
最佳文字颜色: #FFFFFF
WCAG 6.03:1 (AA) · APCA Lc 80
Contrast pairs
代码片段
CSS
:root {
--eternal-flame: #a0464d;
--eternal-flame-rgb: 160 70 77;
--eternal-flame-oklch: oklch(0.513 0.12 17.6);
}
.element {
color: var(--eternal-flame);
background-color: hsl(355 39% 45%);
border-color: oklch(0.513 0.12 17.6);
}Tailwind CSS v4
@theme {
--color-eternal-flame: #a0464d;
--color-eternal-flame-50: #ffe8e7;
--color-eternal-flame-100: #ffd9d8;
--color-eternal-flame-200: #ffc0c0;
--color-eternal-flame-300: #ef9f9e;
--color-eternal-flame-400: #dc8084;
--color-eternal-flame-500: #c96168;
--color-eternal-flame-600: #aa5359;
--color-eternal-flame-700: #884247;
--color-eternal-flame-800: #652f34;
--color-eternal-flame-900: #472024;
--color-eternal-flame-950: #2e0f13;
}SCSS
$eternal-flame: #a0464d;
$eternal-flame-rgb: 160, 70, 77;
$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);
}