最接近的命名颜色 · #7E435D
#7E435D
最接近的命名颜色: Passionate Plum
#7E435D（rgb(126 67 93)、hsl(334 31% 38%)、oklch(0.463 0.087 353.2)）最接近命名颜色 Passionate Plum。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#7E435D
oklch(0.463 0.087 353.2)
颜色转换
- HEX
- #7e435d
- RGB
- rgb(126 67 93)
- HSL
- hsl(334 31% 38%)
- HWB
- hwb(334 26% 51%)
- OKLCH
- oklch(0.463 0.087 353.2)
- OKLab
- oklab(0.463 0.087 -0.01)
- CIE Lab
- lab(36.61 28.46 -3.6)
- LCH
- lch(36.61 28.68 352.8)
- CMYK
- cmyk(0% 47% 26% 51%)
浅色调 · 深色调 · 灰色调
浅色调
- 8B556C
- 98667B
- A5788A
- B28B9A
- BF9DAA
- CCB0BB
- D9C4CB
- E6D7DC
- F2EBEE
深色调
- 6D3950
- 5C2F43
- 4C2637
- 3C1D2A
- 2D141F
- 1F0C14
- 11050A
- 050103
- 010000
灰色调
- 7F4960
- 805064
- 805667
- 815C6B
- 81626E
- 816872
- 816E75
- 817479
- 817A7C
配色和谐
互补色 +180°
- 7E435D
Passionate Plum
- 056854
≈ Piney Lake
类似色 -30° +30°
- 7E435D
Passionate Plum
- 704775
≈ Hyssop
- 834441
≈ Spiced Berry
三角配色 +120° +240°
- 7E435D
Passionate Plum
- 595E1C
≈ Kirchner Green
- 166182
≈ Blue Velvet
分裂互补色 +150° +210°
- 7E435D
Passionate Plum
- 396537
≈ Greenhouse
- 00666D
≈ Trouser Blue
四角配色 +90° +180° +270°
- 7E435D
Passionate Plum
- 705412
≈ Field Drab
- 056854
≈ Piney Lake
- 3F588A
≈ True Navy
对比度与无障碍
Ag
AAA白底
WCAG 7.37:1 · APCA Lc 85
Ag
Fail黑底
WCAG 2.84:1 · APCA Lc 17
最佳文字颜色: #FFFFFF
WCAG 7.37:1 (AAA) · APCA Lc 85
Contrast pairs
代码片段
CSS
:root {
--passionate-plum: #7e435d;
--passionate-plum-rgb: 126 67 93;
--passionate-plum-oklch: oklch(0.463 0.087 353.2);
}
.element {
color: var(--passionate-plum);
background-color: hsl(334 31% 38%);
border-color: oklch(0.463 0.087 353.2);
}Tailwind CSS v4
@theme {
--color-passionate-plum: #7e435d;
--color-passionate-plum-50: #ffebf6;
--color-passionate-plum-100: #ffdce9;
--color-passionate-plum-200: #f4c5d6;
--color-passionate-plum-300: #dda5b9;
--color-passionate-plum-400: #c889a3;
--color-passionate-plum-500: #b36d8b;
--color-passionate-plum-600: #975d76;
--color-passionate-plum-700: #794a5e;
--color-passionate-plum-800: #593546;
--color-passionate-plum-900: #3f2430;
--color-passionate-plum-950: #28131d;
}SCSS
$passionate-plum: #7e435d;
$passionate-plum-rgb: 126, 67, 93;
$passionate-plum-light: mix(#fff, $passionate-plum, 20%);
$passionate-plum-dark: mix(#000, $passionate-plum, 20%);
.element {
color: $passionate-plum;
box-shadow: 0 0 0 2px rgba($passionate-plum, 0.35);
}