命名颜色 · #E7C3E7
Prom Corsage
Prom Corsage 即 #E7C3E7：rgb(231 195 231)、hsl(300 43% 84%)、oklch(0.859 0.063 326.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Purple mean? → · Prom Corsage color name →
#E7C3E7
oklch(0.859 0.063 326.1)
颜色转换
- HEX
- #e7c3e7
- RGB
- rgb(231 195 231)
- HSL
- hsl(300 43% 84%)
- HWB
- hwb(300 76% 9%)
- OKLCH
- oklch(0.859 0.063 326.1)
- OKLab
- oklab(0.859 0.052 -0.035)
- CIE Lab
- lab(82.78 17.74 -12.95)
- LCH
- lch(82.78 21.96 323.9)
- CMYK
- cmyk(0% 16% 0% 9%)
浅色调 · 深色调 · 灰色调
浅色调
- EAC9E9
- ECCFEC
- EED5EE
- F1DBF1
- F3E1F3
- F6E7F6
- F8EDF8
- FAF3FA
- FDF9FD
深色调
- C9A9C9
- AB90AB
- 8F788F
- 736073
- 594A59
- 403440
- 282028
- 130E13
- 030203
灰色调
- DCBCDC
- D2B5D2
- C7AFC7
- BDA8BD
- B2A1B2
- A89AA8
- 9E949E
- 948D94
- 8A878A
配色和谐
互补色 +180°
- E7C3E7
Prom Corsage
- B7DCB9
≈ Grasshopper Pie
类似色 -30° +30°
- E7C3E7
Prom Corsage
- D4C9F6
≈ Soap
- F4C0D2
≈ Pink Destiny
三角配色 +120° +240°
- E7C3E7
Prom Corsage
- E3CFA2
≈ Lucent Yellow
- A0DDE5
≈ Charlotte
分裂互补色 +150° +210°
- E7C3E7
Prom Corsage
- CED6A8
≈ Trailing Vine
- A5DFCF
≈ Meristem
四角配色 +90° +180° +270°
- E7C3E7
Prom Corsage
- F2C7AA
≈ Citrus Sachet
- B7DCB9
≈ Grasshopper Pie
- AAD8F5
≈ Blue Rice
对比度与无障碍
Ag
Fail白底
WCAG 1.57:1 · APCA Lc 26
Ag
AAA黑底
WCAG 13.35:1 · APCA Lc 77
最佳文字颜色: #000000
WCAG 13.35:1 (AAA) · APCA Lc 77
Contrast pairs
代码片段
CSS
:root {
--prom-corsage: #e7c3e7;
--prom-corsage-rgb: 231 195 231;
--prom-corsage-oklch: oklch(0.859 0.063 326.1);
}
.element {
color: var(--prom-corsage);
background-color: hsl(300 43% 84%);
border-color: oklch(0.859 0.063 326.1);
}Tailwind CSS v4
@theme {
--color-prom-corsage: #e7c3e7;
--color-prom-corsage-50: #ffeffe;
--color-prom-corsage-100: #f4e1f3;
--color-prom-corsage-200: #e4cbe2;
--color-prom-corsage-300: #caadc8;
--color-prom-corsage-400: #b292b3;
--color-prom-corsage-500: #9c789d;
--color-prom-corsage-600: #846684;
--color-prom-corsage-700: #6a516a;
--color-prom-corsage-800: #4d3b4f;
--color-prom-corsage-900: #362837;
--color-prom-corsage-950: #211622;
}SCSS
$prom-corsage: #e7c3e7;
$prom-corsage-rgb: 231, 195, 231;
$prom-corsage-light: mix(#fff, $prom-corsage, 20%);
$prom-corsage-dark: mix(#000, $prom-corsage, 20%);
.element {
color: $prom-corsage;
box-shadow: 0 0 0 2px rgba($prom-corsage, 0.35);
}