最接近的命名颜色 · #852B56
#852B56
最接近的命名颜色: Pink Horror
#852B56（rgb(133 43 86)、hsl(331 51% 35%)、oklch(0.437 0.131 354.4)）最接近命名颜色 Pink Horror。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#852B56
oklch(0.437 0.131 354.4)
颜色转换
- HEX
- #852b56
- RGB
- rgb(133 43 86)
- HSL
- hsl(331 51% 35%)
- HWB
- hwb(331 17% 48%)
- OKLCH
- oklch(0.437 0.131 354.4)
- OKLab
- oklab(0.437 0.13 -0.013)
- CIE Lab
- lab(32.95 41.99 -4.34)
- LCH
- lch(32.95 42.21 354.1)
- CMYK
- cmyk(0% 68% 35% 48%)
浅色调 · 深色调 · 灰色调
浅色调
- 934165
- A05675
- AD6A85
- BA7F96
- C694A7
- D2A8B8
- DDBEC9
- E9D3DB
- F4E9ED
深色调
- 73244A
- 611D3E
- 501632
- 401027
- 300A1C
- 210512
- 130208
- 060102
- 010000
灰色调
- 86355A
- 863F5E
- 874862
- 875067
- 87596B
- 86616F
- 856973
- 847177
- 82787C
配色和谐
互补色 +180°
- 852B56
Pink Horror
- 00604E
≈ Sci-Fi Takeout
类似色 -30° +30°
- 852B56
Pink Horror
- 733379
≈ Maximum Purple
- 8B2B2B
≈ Borscht
三角配色 +120° +240°
- 852B56
Pink Horror
- 515700
≈ Douro
- 00597C
≈ Commandes
分裂互补色 +150° +210°
- 852B56
Pink Horror
- 10631A
≈ Woodland Wonder
- 005D65
≈ Enamelled Jewel
四角配色 +90° +180° +270°
- 852B56
Pink Horror
- 684D00
≈ Antique Bronze
- 00604E
≈ Sci-Fi Takeout
- 2C4C99
≈ Le Grand Bleu
对比度与无障碍
Ag
AAA白底
WCAG 8.47:1 · APCA Lc 88
Ag
Fail黑底
WCAG 2.47:1 · APCA Lc 14
最佳文字颜色: #FFFFFF
WCAG 8.47:1 (AAA) · APCA Lc 88
Contrast pairs
代码片段
CSS
:root {
--pink-horror: #852b56;
--pink-horror-rgb: 133 43 86;
--pink-horror-oklch: oklch(0.437 0.131 354.4);
}
.element {
color: var(--pink-horror);
background-color: hsl(331 51% 35%);
border-color: oklch(0.437 0.131 354.4);
}Tailwind CSS v4
@theme {
--color-pink-horror: #852b56;
--color-pink-horror-50: #ffe6f6;
--color-pink-horror-100: #ffd7e9;
--color-pink-horror-200: #ffbdd6;
--color-pink-horror-300: #ed9bb9;
--color-pink-horror-400: #da7ca3;
--color-pink-horror-500: #c65d8b;
--color-pink-horror-600: #a84f76;
--color-pink-horror-700: #873f5e;
--color-pink-horror-800: #642d47;
--color-pink-horror-900: #461f31;
--color-pink-horror-950: #2d0e1d;
}SCSS
$pink-horror: #852b56;
$pink-horror-rgb: 133, 43, 86;
$pink-horror-light: mix(#fff, $pink-horror, 20%);
$pink-horror-dark: mix(#000, $pink-horror, 20%);
.element {
color: $pink-horror;
box-shadow: 0 0 0 2px rgba($pink-horror, 0.35);
}