最接近的命名颜色 · #DF2D5B
#DF2D5B
最接近的命名颜色: Radiant Raspberry
#DF2D5B（rgb(223 45 91)、hsl(344 74% 53%)、oklch(0.595 0.211 12.5)）最接近命名颜色 Radiant Raspberry。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#DF2D5B
oklch(0.595 0.211 12.5)
颜色转换
- HEX
- #df2d5b
- RGB
- rgb(223 45 91)
- HSL
- hsl(344 74% 53%)
- HWB
- hwb(344 18% 13%)
- OKLCH
- oklch(0.595 0.211 12.5)
- OKLab
- oklab(0.595 0.206 0.046)
- CIE Lab
- lab(50.61 68.48 20.17)
- LCH
- lch(50.61 71.39 16.4)
- CMYK
- cmyk(0% 80% 59% 13%)
浅色调 · 深色调 · 灰色调
浅色调
- E54B6A
- EB637A
- F1798A
- F58D9A
- F9A0AA
- FCB4BB
- FEC7CB
- FFD9DC
- FFECEE
深色调
- C2264E
- A51F41
- 8A1835
- 6F1129
- 560B1E
- 3D0613
- 270209
- 120103
- 020000
灰色调
- D73D5F
- CF4963
- C75366
- BE5C6A
- B5636E
- AC6A72
- A27075
- 977679
- 8C7B7C
配色和谐
互补色 +180°
- DF2D5B
Radiant Raspberry
- 00918F
≈ Common Teal
类似色 -30° +30°
- DF2D5B
Radiant Raspberry
- CC38A0
≈ Lustful Wishes
- D14F00
≈ Hot Bolognese
三角配色 +120° +240°
- DF2D5B
Radiant Raspberry
- 569200
≈ Vida Loca
- 007FE6
≈ Blue Cola
分裂互补色 +150° +210°
- DF2D5B
Radiant Raspberry
- 009667
≈ Green Cyan
- 008CAE
≈ Algiers Blue
四角配色 +90° +180° +270°
- DF2D5B
Radiant Raspberry
- 8D8100
≈ Fickle Pickle
- 00918F
≈ Common Teal
- 7263F6
≈ If I Could Fly
对比度与无障碍
Ag
AA白底
WCAG 4.50:1 · APCA Lc 70
Ag
AA黑底
WCAG 4.66:1 · APCA Lc 32
最佳文字颜色: #000000
WCAG 4.66:1 (AA) · APCA Lc 32
Contrast pairs
代码片段
CSS
:root {
--radiant-raspberry: #df2d5b;
--radiant-raspberry-rgb: 223 45 91;
--radiant-raspberry-oklch: oklch(0.595 0.211 12.5);
}
.element {
color: var(--radiant-raspberry);
background-color: hsl(344 74% 53%);
border-color: oklch(0.595 0.211 12.5);
}Tailwind CSS v4
@theme {
--color-radiant-raspberry: #df2d5b;
--color-radiant-raspberry-50: #ffdde2;
--color-radiant-raspberry-100: #ffcbd2;
--color-radiant-raspberry-200: #ffadb8;
--color-radiant-raspberry-300: #ff8595;
--color-radiant-raspberry-400: #ff5c7b;
--color-radiant-raspberry-500: #f0235e;
--color-radiant-raspberry-600: #cb2250;
--color-radiant-raspberry-700: #a31c40;
--color-radiant-raspberry-800: #7a1231;
--color-radiant-raspberry-900: #560c21;
--color-radiant-raspberry-950: #390010;
}SCSS
$radiant-raspberry: #df2d5b;
$radiant-raspberry-rgb: 223, 45, 91;
$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);
}