أقرب لون مسمّى · #626A92
#626A92
أقرب لون مسمّى: Haunt Mist
#626A92 (rgb(98 106 146)، hsl(230 20% 48%)، oklch(0.534 0.064 275.3)) أقرب إلى اللون المسمّى Haunt Mist. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#626A92
oklch(0.534 0.064 275.3)
تحويلات الألوان
- HEX
- #626a92
- RGB
- rgb(98 106 146)
- HSL
- hsl(230 20% 48%)
- HWB
- hwb(230 38% 43%)
- OKLCH
- oklch(0.534 0.064 275.3)
- OKLab
- oklab(0.534 0.006 -0.063)
- CIE Lab
- lab(45.35 4.41 -23.14)
- LCH
- lch(45.35 23.56 280.8)
- CMYK
- cmyk(33% 27% 0% 43%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 70789D
- 7F86A8
- 8E95B2
- 9DA3BD
- ADB2C8
- BDC1D3
- CDD0DE
- DDE0E9
- EEEFF4
درجات داكنة
- 545B7E
- 474D6B
- 3A3F58
- 2D3146
- 212435
- 161825
- 0B0D16
- 030408
- 000001
درجات رمادية
- 656C90
- 686F8F
- 6B718D
- 6E738B
- 71758A
- 747788
- 777A86
- 7A7C84
- 7D7E82
تناسق الألوان
متمم +180°
- 626A92
Haunt Mist
- 786D41
≈ Crease
متجاور -30° +30°
- 626A92
Haunt Mist
- 4D7190
≈ Caspian Sea
- 75638B
≈ Super Violet
ثلاثي +120° +240°
- 626A92
Haunt Mist
- 8E6054
≈ Upper East Side
- 4E785D
≈ Como
متمم منقسم +150° +210°
- 626A92
Haunt Mist
- 876545
≈ Nom Nom
- 64744A
≈ Dill Pickle
رباعي +90° +180° +270°
- 626A92
Haunt Mist
- 8D5D68
≈ Cabernet
- 786D41
≈ Crease
- 3D7972
≈ Sea Pea
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.25:1 · APCA Lc 76
Ag
Failعلى الأسود
WCAG 3.99:1 · APCA Lc 26
أفضل لون للنص: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--haunt-mist: #626a92;
--haunt-mist-rgb: 98 106 146;
--haunt-mist-oklch: oklch(0.534 0.064 275.3);
}
.element {
color: var(--haunt-mist);
background-color: hsl(230 20% 48%);
border-color: oklch(0.534 0.064 275.3);
}Tailwind CSS v4
@theme {
--color-haunt-mist: #626a92;
--color-haunt-mist-50: #f0f4ff;
--color-haunt-mist-100: #e2e6fe;
--color-haunt-mist-200: #cdd2f0;
--color-haunt-mist-300: #afb5d8;
--color-haunt-mist-400: #939cc5;
--color-haunt-mist-500: #7a83b1;
--color-haunt-mist-600: #676f95;
--color-haunt-mist-700: #525978;
--color-haunt-mist-800: #3b4159;
--color-haunt-mist-900: #282d3e;
--color-haunt-mist-950: #161a27;
}SCSS
$haunt-mist: #626a92;
$haunt-mist-rgb: 98, 106, 146;
$haunt-mist-light: mix(#fff, $haunt-mist, 20%);
$haunt-mist-dark: mix(#000, $haunt-mist, 20%);
.element {
color: $haunt-mist;
box-shadow: 0 0 0 2px rgba($haunt-mist, 0.35);
}