أقرب لون مسمّى · #693347
#693347
أقرب لون مسمّى: Siren
#693347 (rgb(105 51 71)، hsl(338 35% 31%)، oklch(0.398 0.081 357.9)) أقرب إلى اللون المسمّى Siren. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#693347
oklch(0.398 0.081 357.9)
تحويلات الألوان
- HEX
- #693347
- RGB
- rgb(105 51 71)
- HSL
- hsl(338 35% 31%)
- HWB
- hwb(338 20% 59%)
- OKLCH
- oklch(0.398 0.081 357.9)
- OKLab
- oklab(0.398 0.081 -0.003)
- CIE Lab
- lab(29.15 26.46 -0.8)
- LCH
- lch(29.15 26.47 358.3)
- CMYK
- cmyk(0% 51% 32% 59%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 784657
- 875968
- 966C7A
- A5808C
- B4949E
- C3A9B1
- D2BEC4
- E1D3D7
- F0E9EB
درجات داكنة
- 5A2B3D
- 4C2332
- 3E1C28
- 31141F
- 240D16
- 18070D
- 0C0306
- 040102
- 000000
درجات رمادية
- 6C3B4C
- 6F4352
- 724A57
- 74525D
- 775A63
- 796169
- 7B696E
- 7D7174
- 7F787A
تناسق الألوان
متمم +180°
- 693347
Siren
- 005447
≈ Breathe Deeply
متجاور -30° +30°
ثلاثي +120° +240°
متمم منقسم +150° +210°
- 693347
Siren
- 25532D
≈ Moor-Monster
- 00515A
≈ Kali Blue
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 9.69:1 · APCA Lc 92
Ag
Failعلى الأسود
WCAG 2.16:1 · APCA Lc 10
أفضل لون للنص: #FFFFFF
WCAG 9.69:1 (AAA) · APCA Lc 92
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--siren: #693347;
--siren-rgb: 105 51 71;
--siren-oklch: oklch(0.398 0.081 357.9);
}
.element {
color: var(--siren);
background-color: hsl(338 35% 31%);
border-color: oklch(0.398 0.081 357.9);
}Tailwind CSS v4
@theme {
--color-siren: #693347;
--color-siren-50: #ffecf4;
--color-siren-100: #ffdde7;
--color-siren-200: #f3c7d3;
--color-siren-300: #dba7b6;
--color-siren-400: #c68b9e;
--color-siren-500: #b26f86;
--color-siren-600: #965e71;
--color-siren-700: #784b5b;
--color-siren-800: #593643;
--color-siren-900: #3e252e;
--color-siren-950: #27141b;
}SCSS
$siren: #693347;
$siren-rgb: 105, 51, 71;
$siren-light: mix(#fff, $siren, 20%);
$siren-dark: mix(#000, $siren, 20%);
.element {
color: $siren;
box-shadow: 0 0 0 2px rgba($siren, 0.35);
}