最接近的命名颜色 · #EC0059
#EC0059
最接近的命名颜色: Framboise
#EC0059（rgb(236 0 89)、hsl(337 100% 46%)、oklch(0.601 0.24 12.1)）最接近命名颜色 Framboise。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#EC0059
oklch(0.601 0.24 12.1)
颜色转换
- HEX
- #ec0059
- RGB
- rgb(236 0 89)
- HSL
- hsl(337 100% 46%)
- HWB
- hwb(337 0% 7%)
- OKLCH
- oklch(0.601 0.24 12.1)
- OKLab
- oklab(0.601 0.235 0.05)
- CIE Lab
- lab(51 77.8 22.5)
- LCH
- lch(51 80.99 16.1)
- CMYK
- cmyk(0% 100% 62% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- F23C69
- F75A78
- FB7288
- FE8899
- FF9DA9
- FFB1BA
- FFC5CB
- FFD8DC
- FFECED
深色调
- CD004C
- AF0040
- 920034
- 760028
- 5B001D
- 420013
- 290009
- 130003
- 030000
灰色调
- E32B5D
- DA3E61
- D04B65
- C75669
- BC5F6D
- B26771
- A76E75
- 9B7579
- 8E7B7C
配色和谐
互补色 +180°
- EC0059
Framboise
- 009490
≈ Paradise Landscape
类似色 -30° +30°
- EC0059
Framboise
- D723A7
≈ Melodramatic Magenta
- D55000
≈ Deep Orange
三角配色 +120° +240°
- EC0059
Framboise
- 599400
≈ Vida Loca
- 0081E7
≈ Blue Cola
分裂互补色 +150° +210°
- EC0059
Framboise
- 009868
≈ Green Cyan
- 008FB0
≈ Algiers Blue
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 4.45:1 · APCA Lc 68
Ag
AA黑底
WCAG 4.71:1 · APCA Lc 34
最佳文字颜色: #000000
WCAG 4.71:1 (AA) · APCA Lc 34
Contrast pairs
代码片段
CSS
:root {
--framboise: #ec0059;
--framboise-rgb: 236 0 89;
--framboise-oklch: oklch(0.601 0.24 12.1);
}
.element {
color: var(--framboise);
background-color: hsl(337 100% 46%);
border-color: oklch(0.601 0.24 12.1);
}Tailwind CSS v4
@theme {
--color-framboise: #ec0059;
--color-framboise-50: #ffd9e0;
--color-framboise-100: #ffc6cf;
--color-framboise-200: #ffa7b5;
--color-framboise-300: #ff7b91;
--color-framboise-400: #ff4b78;
--color-framboise-500: #fc005a;
--color-framboise-600: #d5004d;
--color-framboise-700: #ab003d;
--color-framboise-800: #80002f;
--color-framboise-900: #5b0020;
--color-framboise-950: #3d000f;
}SCSS
$framboise: #ec0059;
$framboise-rgb: 236, 0, 89;
$framboise-light: mix(#fff, $framboise, 20%);
$framboise-dark: mix(#000, $framboise, 20%);
.element {
color: $framboise;
box-shadow: 0 0 0 2px rgba($framboise, 0.35);
}