最接近的命名颜色 · #E53C76
#E53C76
最接近的命名颜色: Fantasy Romance
#E53C76（rgb(229 60 118)、hsl(339 76% 57%)、oklch(0.623 0.207 5.1)）最接近命名颜色 Fantasy Romance。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#E53C76
oklch(0.623 0.207 5.1)
颜色转换
- HEX
- #e53c76
- RGB
- rgb(229 60 118)
- HSL
- hsl(339 76% 57%)
- HWB
- hwb(339 24% 10%)
- OKLCH
- oklch(0.623 0.207 5.1)
- OKLab
- oklab(0.623 0.207 0.018)
- CIE Lab
- lab(53.78 67.39 8.38)
- LCH
- lch(53.78 67.9 7.1)
- CMYK
- cmyk(0% 74% 48% 10%)
浅色调 · 深色调 · 灰色调
浅色调
- EB5683
- F06B90
- F47F9D
- F893AB
- FBA5B8
- FDB7C6
- FFC9D4
- FFDBE2
- FFEDF1
深色调
- C73366
- AA2A56
- 8E2147
- 721938
- 581129
- 3F0A1C
- 28040F
- 120105
- 030001
灰色调
- DC4877
- D35278
- CA5A79
- C1617A
- B7687B
- AD6E7C
- A3737D
- 98787E
- 8C7C7F
配色和谐
互补色 +180°
- E53C76
Fantasy Romance
- 009C90
≈ Stormy Strait Green
类似色 -30° +30°
- E53C76
Fantasy Romance
- CE48B7
≈ Zǐ Sè Purple
- E94516
≈ Corn Poppy Cherry
三角配色 +120° +240°
- E53C76
Fantasy Romance
- 719600
≈ Green Thumb
- 008DDE
≈ Blue Cola
分裂互补色 +150° +210°
- E53C76
Fantasy Romance
- 00A15C
≈ Shamrock
- 0097B0
≈ Aquarium Diver
四角配色 +90° +180° +270°
- E53C76
Fantasy Romance
- 9F8500
≈ Pestilence
- 009C90
≈ Stormy Strait Green
- 6874FF
≈ Byzantine Night Blue
对比度与无障碍
Ag
Fail白底
WCAG 4.00:1 · APCA Lc 66
Ag
AA黑底
WCAG 5.23:1 · APCA Lc 36
最佳文字颜色: #000000
WCAG 5.23:1 (AA) · APCA Lc 36
Contrast pairs
代码片段
CSS
:root {
--fantasy-romance: #e53c76;
--fantasy-romance-rgb: 229 60 118;
--fantasy-romance-oklch: oklch(0.623 0.207 5.1);
}
.element {
color: var(--fantasy-romance);
background-color: hsl(339 76% 57%);
border-color: oklch(0.623 0.207 5.1);
}Tailwind CSS v4
@theme {
--color-fantasy-romance: #e53c76;
--color-fantasy-romance-50: #ffddeb;
--color-fantasy-romance-100: #ffcbdc;
--color-fantasy-romance-200: #ffaec5;
--color-fantasy-romance-300: #ff85a5;
--color-fantasy-romance-400: #fd5d8e;
--color-fantasy-romance-500: #eb2973;
--color-fantasy-romance-600: #c72662;
--color-fantasy-romance-700: #a01f4e;
--color-fantasy-romance-800: #77143b;
--color-fantasy-romance-900: #540d29;
--color-fantasy-romance-950: #380017;
}SCSS
$fantasy-romance: #e53c76;
$fantasy-romance-rgb: 229, 60, 118;
$fantasy-romance-light: mix(#fff, $fantasy-romance, 20%);
$fantasy-romance-dark: mix(#000, $fantasy-romance, 20%);
.element {
color: $fantasy-romance;
box-shadow: 0 0 0 2px rgba($fantasy-romance, 0.35);
}