最接近的命名颜色 · #AE0047
#AE0047
最接近的命名颜色: Raspberry
#AE0047（rgb(174 0 71)、hsl(336 100% 34%)、oklch(0.481 0.192 8.8)）最接近命名颜色 Raspberry。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#AE0047
oklch(0.481 0.192 8.8)
颜色转换
- HEX
- #ae0047
- RGB
- rgb(174 0 71)
- HSL
- hsl(336 100% 34%)
- HWB
- hwb(336 0% 32%)
- OKLCH
- oklch(0.481 0.192 8.8)
- OKLab
- oklab(0.481 0.19 0.029)
- CIE Lab
- lab(37.48 62.25 13.19)
- LCH
- lch(37.48 63.63 12)
- CMYK
- cmyk(0% 100% 59% 32%)
浅色调 · 深色调 · 灰色调
浅色调
- B93158
- C44D69
- CE657A
- D77B8C
- E0919E
- E8A7B1
- EFBDC4
- F5D3D7
- FAE9EB
深色调
- 97003D
- 800032
- 6A0028
- 55001F
- 410016
- 2E000D
- 1C0006
- 0B0002
- 010000
灰色调
- AB224D
- A93352
- A54058
- A24B5D
- 9E5663
- 995F69
- 94686F
- 8E7074
- 88787A
配色和谐
互补色 +180°
- AE0047
Raspberry
- 006C67
≈ Green Dragon
类似色 -30° +30°
- AE0047
Raspberry
- 9C1A81
≈ Haunted Purple
- A23300
≈ Salsa Mexicana
三角配色 +120° +240°
- AE0047
Raspberry
- 476A00
≈ Over the Hills
- 0060A4
≈ Directoire Blue
分裂互补色 +150° +210°
- AE0047
Raspberry
- 007046
≈ Diisha Green
- 00697F
≈ Pilot Blue
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AAA白底
WCAG 7.26:1 · APCA Lc 83
Ag
Fail黑底
WCAG 2.89:1 · APCA Lc 19
最佳文字颜色: #FFFFFF
WCAG 7.26:1 (AAA) · APCA Lc 83
Contrast pairs
代码片段
CSS
:root {
--raspberry: #ae0047;
--raspberry-rgb: 174 0 71;
--raspberry-oklch: oklch(0.481 0.192 8.8);
}
.element {
color: var(--raspberry);
background-color: hsl(336 100% 34%);
border-color: oklch(0.481 0.192 8.8);
}Tailwind CSS v4
@theme {
--color-raspberry: #ae0047;
--color-raspberry-50: #ffdfe8;
--color-raspberry-100: #ffced8;
--color-raspberry-200: #ffb1c0;
--color-raspberry-300: #ff8a9f;
--color-raspberry-400: #f96487;
--color-raspberry-500: #e7376c;
--color-raspberry-600: #c3315b;
--color-raspberry-700: #9d2749;
--color-raspberry-800: #751b37;
--color-raspberry-900: #531226;
--color-raspberry-950: #370314;
}SCSS
$raspberry: #ae0047;
$raspberry-rgb: 174, 0, 71;
$raspberry-light: mix(#fff, $raspberry, 20%);
$raspberry-dark: mix(#000, $raspberry, 20%);
.element {
color: $raspberry;
box-shadow: 0 0 0 2px rgba($raspberry, 0.35);
}