أقرب لون مسمّى · #80407C
#80407C
أقرب لون مسمّى: Bruise
#80407C (rgb(128 64 124)، hsl(304 33% 38%)، oklch(0.475 0.119 329.6)) أقرب إلى اللون المسمّى Bruise. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#80407C
oklch(0.475 0.119 329.6)
تحويلات الألوان
- HEX
- #80407c
- RGB
- rgb(128 64 124)
- HSL
- hsl(304 33% 38%)
- HWB
- hwb(304 25% 50%)
- OKLCH
- oklch(0.475 0.119 329.6)
- OKLab
- oklab(0.475 0.103 -0.06)
- CIE Lab
- lab(37.3 34.74 -21.88)
- LCH
- lch(37.3 41.06 327.8)
- CMYK
- cmyk(0% 50% 3% 50%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 8D5389
- 9A6595
- A777A2
- B38AAF
- C09DBC
- CDB0CA
- D9C3D7
- E6D7E4
- F2EBF1
درجات داكنة
- 6E366B
- 5D2D5A
- 4D244A
- 3D1B3B
- 2E132C
- 1F0B1E
- 120511
- 060105
- 010001
درجات رمادية
- 81477D
- 814E7D
- 82557E
- 825B7E
- 82617F
- 82687F
- 826E7F
- 817480
- 817A80
تناسق الألوان
متمم +180°
- 80407C
Bruise
- 196E35
≈ Column of Oak Green
متجاور -30° +30°
- 80407C
Bruise
- 674A95
≈ Sweet Flag
- 8F3B5A
≈ Quinacridone Magenta
ثلاثي +120° +240°
- 80407C
Bruise
- 725900
≈ Hot Mustard
- 006875
≈ Bankson Lake
متمم منقسم +150° +210°
- 80407C
Bruise
- 556400
≈ Serrano Pepper
- 006C5E
≈ Pacific Queen
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.13:1 · APCA Lc 84
Ag
Failعلى الأسود
WCAG 2.94:1 · APCA Lc 18
أفضل لون للنص: #FFFFFF
WCAG 7.13:1 (AAA) · APCA Lc 84
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--bruise: #80407c;
--bruise-rgb: 128 64 124;
--bruise-oklch: oklch(0.475 0.119 329.6);
}
.element {
color: var(--bruise);
background-color: hsl(304 33% 38%);
border-color: oklch(0.475 0.119 329.6);
}Tailwind CSS v4
@theme {
--color-bruise: #80407c;
--color-bruise-50: #ffe9ff;
--color-bruise-100: #ffdafa;
--color-bruise-200: #f3c2ec;
--color-bruise-300: #dca1d3;
--color-bruise-400: #c684c0;
--color-bruise-500: #b167ac;
--color-bruise-600: #965791;
--color-bruise-700: #784674;
--color-bruise-800: #583257;
--color-bruise-900: #3e223d;
--color-bruise-950: #271126;
}SCSS
$bruise: #80407c;
$bruise-rgb: 128, 64, 124;
$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);
}