أقرب لون مسمّى · #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);
}