أقرب لون مسمّى · #294E55
#294E55
أقرب لون مسمّى: Sunken Mystery
#294E55 (rgb(41 78 85)، hsl(190 35% 25%)، oklch(0.399 0.044 211.1)) أقرب إلى اللون المسمّى Sunken Mystery. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#294E55
oklch(0.399 0.044 211.1)
تحويلات الألوان
- HEX
- #294e55
- RGB
- rgb(41 78 85)
- HSL
- hsl(190 35% 25%)
- HWB
- hwb(190 16% 67%)
- OKLCH
- oklch(0.399 0.044 211.1)
- OKLab
- oklab(0.399 -0.038 -0.023)
- CIE Lab
- lab(30.65 -12.18 -8.51)
- LCH
- lch(30.65 14.86 214.9)
- CMYK
- cmyk(52% 8% 0% 67%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 3D5E64
- 516F74
- 667F85
- 7A9195
- 8FA2A6
- A5B4B7
- BBC6C9
- D1D9DB
- E8ECED
درجات داكنة
- 224349
- 1C383D
- 152D31
- 0F2326
- 09191C
- 050F11
- 020708
- 010202
- 000000
درجات رمادية
- 325359
- 3B585D
- 445D62
- 4D6266
- 55676A
- 5E6C6F
- 667173
- 6F7677
- 777B7C
تناسق الألوان
متمم +180°
- 294E55
Sunken Mystery
- 5D3F39
≈ Shaved Chocolate
متجاور -30° +30°
- 294E55
Sunken Mystery
- 2B4F49
≈ Carriage Green
- 324B5D
≈ Ingénue Blue
ثلاثي +120° +240°
- 294E55
Sunken Mystery
- 563F52
≈ Currant Violet
- 50472B
≈ Tinny Tin
متمم منقسم +150° +210°
- 294E55
Sunken Mystery
- 5C3E46
≈ Hibiscus Punch
- 59422F
≈ Old Treasure Chest
رباعي +90° +180° +270°
- 294E55
Sunken Mystery
- 4B425C
≈ Purple Blanket
- 5D3F39
≈ Shaved Chocolate
- 444B30
≈ Matsuba Green
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 9.07:1 · APCA Lc 91
Ag
Failعلى الأسود
WCAG 2.31:1 · APCA Lc 12
أفضل لون للنص: #FFFFFF
WCAG 9.07:1 (AAA) · APCA Lc 91
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sunken-mystery: #294e55;
--sunken-mystery-rgb: 41 78 85;
--sunken-mystery-oklch: oklch(0.399 0.044 211.1);
}
.element {
color: var(--sunken-mystery);
background-color: hsl(190 35% 25%);
border-color: oklch(0.399 0.044 211.1);
}Tailwind CSS v4
@theme {
--color-sunken-mystery: #294e55;
--color-sunken-mystery-50: #e8f9fd;
--color-sunken-mystery-100: #d8ecf1;
--color-sunken-mystery-200: #c0dae0;
--color-sunken-mystery-300: #9fbec5;
--color-sunken-mystery-400: #81a6ad;
--color-sunken-mystery-500: #648e97;
--color-sunken-mystery-600: #557880;
--color-sunken-mystery-700: #446066;
--color-sunken-mystery-800: #30474b;
--color-sunken-mystery-900: #213134;
--color-sunken-mystery-950: #101d1f;
}SCSS
$sunken-mystery: #294e55;
$sunken-mystery-rgb: 41, 78, 85;
$sunken-mystery-light: mix(#fff, $sunken-mystery, 20%);
$sunken-mystery-dark: mix(#000, $sunken-mystery, 20%);
.element {
color: $sunken-mystery;
box-shadow: 0 0 0 2px rgba($sunken-mystery, 0.35);
}