أقرب لون مسمّى · #00405E
#00405E
أقرب لون مسمّى: Maniac Mansion
#00405E (rgb(0 64 94)، hsl(199 100% 18%)، oklch(0.352 0.077 237.2)) أقرب إلى اللون المسمّى Maniac Mansion. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#00405E
oklch(0.352 0.077 237.2)
تحويلات الألوان
- HEX
- #00405e
- RGB
- rgb(0 64 94)
- HSL
- hsl(199 100% 18%)
- HWB
- hwb(199 0% 63%)
- OKLCH
- oklch(0.352 0.077 237.2)
- OKLab
- oklab(0.352 -0.042 -0.065)
- CIE Lab
- lab(24.81 -9.16 -23.36)
- LCH
- lch(24.81 25.09 248.6)
- CMYK
- cmyk(100% 32% 0% 63%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 22516D
- 3A637D
- 52768C
- 6A889C
- 819BAC
- 9AAEBC
- B2C2CD
- CBD6DD
- E5EAEE
درجات داكنة
- 003651
- 002D44
- 002437
- 001B2B
- 00131F
- 000B14
- 00050A
- 000103
- 000000
درجات رمادية
- 154662
- 244D65
- 315369
- 3C5A6C
- 486070
- 536673
- 5E6D76
- 6A737A
- 757A7D
تناسق الألوان
متمم +180°
- 00405E
Maniac Mansion
- 582F0A
≈ Moelleux au Chocolat
متجاور -30° +30°
- 00405E
Maniac Mansion
- 00444B
≈ Dark Side
- 293963
≈ Blue Depths
ثلاثي +120° +240°
- 00405E
Maniac Mansion
- 5A283B
≈ Zinfandel
- 384005
≈ Dark Olive
متمم منقسم +150° +210°
- 00405E
Maniac Mansion
- 5D2924
≈ Ebicha Brown
- 4B3800
≈ Xanthophobia
رباعي +90° +180° +270°
- 00405E
Maniac Mansion
- 502B50
≈ Purple Shade
- 582F0A
≈ Moelleux au Chocolat
- 1B4622
≈ Myrtle
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 11.08:1 · APCA Lc 95
Ag
Failعلى الأسود
WCAG 1.89:1 · APCA Lc 8
أفضل لون للنص: #FFFFFF
WCAG 11.08:1 (AAA) · APCA Lc 95
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--maniac-mansion: #00405e;
--maniac-mansion-rgb: 0 64 94;
--maniac-mansion-oklch: oklch(0.352 0.077 237.2);
}
.element {
color: var(--maniac-mansion);
background-color: hsl(199 100% 18%);
border-color: oklch(0.352 0.077 237.2);
}Tailwind CSS v4
@theme {
--color-maniac-mansion: #00405e;
--color-maniac-mansion-50: #e2f9ff;
--color-maniac-mansion-100: #d1ecff;
--color-maniac-mansion-200: #b7daf2;
--color-maniac-mansion-300: #93bedb;
--color-maniac-mansion-400: #72a6c7;
--color-maniac-mansion-500: #518eb3;
--color-maniac-mansion-600: #457897;
--color-maniac-mansion-700: #376079;
--color-maniac-mansion-800: #264759;
--color-maniac-mansion-900: #19313e;
--color-maniac-mansion-950: #0a1d28;
}SCSS
$maniac-mansion: #00405e;
$maniac-mansion-rgb: 0, 64, 94;
$maniac-mansion-light: mix(#fff, $maniac-mansion, 20%);
$maniac-mansion-dark: mix(#000, $maniac-mansion, 20%);
.element {
color: $maniac-mansion;
box-shadow: 0 0 0 2px rgba($maniac-mansion, 0.35);
}