最接近的命名颜色 · #E41E63
#E41E63
最接近的命名颜色: Radiant Raspberry
#E41E63（rgb(228 30 99)、hsl(339 79% 51%)、oklch(0.597 0.226 8.9)）最接近命名颜色 Radiant Raspberry。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#E41E63
oklch(0.597 0.226 8.9)
颜色转换
- HEX
- #e41e63
- RGB
- rgb(228 30 99)
- HSL
- hsl(339 79% 51%)
- HWB
- hwb(339 12% 11%)
- OKLCH
- oklch(0.597 0.226 8.9)
- OKLab
- oklab(0.597 0.223 0.035)
- CIE Lab
- lab(50.63 73.23 15.52)
- LCH
- lch(50.63 74.85 12)
- CMYK
- cmyk(0% 87% 57% 11%)
浅色调 · 深色调 · 灰色调
浅色调
- EA4472
- F05E80
- F5758F
- F98A9F
- FC9EAE
- FEB2BE
- FFC5CE
- FFD9DE
- FFECEE
深色调
- C61955
- A91347
- 8D0E3A
- 72092E
- 580521
- 3F0316
- 28010B
- 120003
- 030000
灰色调
- DC3566
- D34369
- CA4F6C
- C1596F
- B86172
- AE6875
- A46F77
- 99757A
- 8D7B7D
配色和谐
互补色 +180°
- E41E63
Radiant Raspberry
- 00938C
≈ Torrid Turquoise
类似色 -30° +30°
- E41E63
Radiant Raspberry
- CE31AB
≈ Perfectly Purple Place
- D84700
≈ Macharius Solar Orange
三角配色 +120° +240°
- E41E63
Radiant Raspberry
- 619000
≈ Vida Loca
- 0083DC
≈ Blue Cola
分裂互补色 +150° +210°
- E41E63
Radiant Raspberry
- 009760
≈ Green Gloss
- 008EAB
≈ Zeftron
四角配色 +90° +180° +270°
- E41E63
Radiant Raspberry
- 928000
≈ Moscow Papyrus
- 00938C
≈ Torrid Turquoise
- 6A64FF
≈ Blue Genie
对比度与无障碍
Ag
AA白底
WCAG 4.50:1 · APCA Lc 69
Ag
AA黑底
WCAG 4.66:1 · APCA Lc 32
最佳文字颜色: #000000
WCAG 4.66:1 (AA) · APCA Lc 32
Contrast pairs
代码片段
CSS
:root {
--radiant-raspberry: #e41e63;
--radiant-raspberry-rgb: 228 30 99;
--radiant-raspberry-oklch: oklch(0.597 0.226 8.9);
}
.element {
color: var(--radiant-raspberry);
background-color: hsl(339 79% 51%);
border-color: oklch(0.597 0.226 8.9);
}Tailwind CSS v4
@theme {
--color-radiant-raspberry: #e41e63;
--color-radiant-raspberry-50: #ffdbe5;
--color-radiant-raspberry-100: #ffc8d5;
--color-radiant-raspberry-200: #ffaabd;
--color-radiant-raspberry-300: #ff7f9b;
--color-radiant-raspberry-400: #ff5382;
--color-radiant-raspberry-500: #f50067;
--color-radiant-raspberry-600: #cf0f57;
--color-radiant-raspberry-700: #a60e45;
--color-radiant-raspberry-800: #7c0735;
--color-radiant-raspberry-900: #580624;
--color-radiant-raspberry-950: #3b0013;
}SCSS
$radiant-raspberry: #e41e63;
$radiant-raspberry-rgb: 228, 30, 99;
$radiant-raspberry-light: mix(#fff, $radiant-raspberry, 20%);
$radiant-raspberry-dark: mix(#000, $radiant-raspberry, 20%);
.element {
color: $radiant-raspberry;
box-shadow: 0 0 0 2px rgba($radiant-raspberry, 0.35);
}