最接近的命名颜色 · #83407A
#83407A
最接近的命名颜色: Bruise
#83407A（rgb(131 64 122)、hsl(308 34% 38%)、oklch(0.478 0.12 332.5)）最接近命名颜色 Bruise。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#83407A
oklch(0.478 0.12 332.5)
颜色转换
- HEX
- #83407a
- RGB
- rgb(131 64 122)
- HSL
- hsl(308 34% 38%)
- HWB
- hwb(308 25% 49%)
- OKLCH
- oklch(0.478 0.12 332.5)
- OKLab
- oklab(0.478 0.106 -0.055)
- CIE Lab
- lab(37.67 35.49 -20.03)
- LCH
- lch(37.67 40.75 330.6)
- CMYK
- cmyk(0% 51% 7% 49%)
浅色调 · 深色调 · 灰色调
浅色调
- 905387
- 9C6594
- A977A1
- B68AAE
- C29DBB
- CEB0C8
- DBC3D6
- E7D7E4
- F3EBF1
深色调
- 713669
- 602D59
- 4F2449
- 3F1B3A
- 2F132B
- 200B1D
- 120510
- 060105
- 010001
灰色调
- 83477B
- 844E7C
- 84557C
- 845B7D
- 84627E
- 83687E
- 836E7F
- 82747F
- 817A80
配色和谐
互补色 +180°
- 83407A
Bruise
- 0C6F3A
≈ Dartmouth Green
类似色 -30° +30°
三角配色 +120° +240°
- 83407A
Bruise
- 705B00
≈ Hot Mustard
- 006979
≈ Teal With It
分裂互补色 +150° +210°
- 83407A
Bruise
- 526700
≈ Serrano Pepper
- 006C61
≈ Pacific Queen
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AAA白底
WCAG 7.04:1 · APCA Lc 84
Ag
Fail黑底
WCAG 2.97:1 · APCA Lc 18
最佳文字颜色: #FFFFFF
WCAG 7.04:1 (AAA) · APCA Lc 84
Contrast pairs
代码片段
CSS
:root {
--bruise: #83407a;
--bruise-rgb: 131 64 122;
--bruise-oklch: oklch(0.478 0.12 332.5);
}
.element {
color: var(--bruise);
background-color: hsl(308 34% 38%);
border-color: oklch(0.478 0.12 332.5);
}Tailwind CSS v4
@theme {
--color-bruise: #83407a;
--color-bruise-50: #ffe9ff;
--color-bruise-100: #ffdaf8;
--color-bruise-200: #f5c2e9;
--color-bruise-300: #dea0d0;
--color-bruise-400: #c883bd;
--color-bruise-500: #b466a8;
--color-bruise-600: #98578e;
--color-bruise-700: #7a4572;
--color-bruise-800: #593256;
--color-bruise-900: #3f223c;
--color-bruise-950: #281125;
}SCSS
$bruise: #83407a;
$bruise-rgb: 131, 64, 122;
$bruise-light: mix(#fff, $bruise, 20%);
$bruise-dark: mix(#000, $bruise, 20%);
.element {
color: $bruise;
box-shadow: 0 0 0 2px rgba($bruise, 0.35);
}