أقرب لون مسمّى · #252B52
#252B52
أقرب لون مسمّى: Space Cadet
#252B52 (rgb(37 43 82)، hsl(232 38% 23%)، oklch(0.305 0.07 274.9)) أقرب إلى اللون المسمّى Space Cadet. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#252B52
oklch(0.305 0.07 274.9)
تحويلات الألوان
- HEX
- #252b52
- RGB
- rgb(37 43 82)
- HSL
- hsl(232 38% 23%)
- HWB
- hwb(232 15% 68%)
- OKLCH
- oklch(0.305 0.07 274.9)
- OKLab
- oklab(0.305 0.006 -0.07)
- CIE Lab
- lab(18.61 7.12 -25.12)
- LCH
- lch(18.61 26.11 285.8)
- CMYK
- cmyk(55% 48% 0% 68%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 373E62
- 4A5173
- 5E6584
- 737A95
- 898FA6
- A0A4B7
- B7BAC9
- CED1DB
- E6E8ED
درجات داكنة
- 1F2446
- 191D3B
- 13162F
- 0D1025
- 080A1A
- 040511
- 020208
- 000102
- 000000
درجات رمادية
- 2D3357
- 353C5C
- 3E4461
- 474C65
- 50556A
- 595D6E
- 636673
- 6C6E77
- 76777C
تناسق الألوان
متمم +180°
- 252B52
Space Cadet
- 392E00
≈ Hidden Passage
متجاور -30° +30°
- 252B52
Space Cadet
- 063250
≈ Beyond the Stars
- 37254B
≈ Operetta Mauve
ثلاثي +120° +240°
- 252B52
Space Cadet
- 4C2015
≈ Tobi Brown
- 06391F
≈ Off-Road Green
متمم منقسم +150° +210°
- 252B52
Space Cadet
- 462600
≈ Ibex Brown
- 273506
≈ Blind Forest
رباعي +90° +180° +270°
- 252B52
Space Cadet
- 4B1E2A
≈ Dark Mahogany
- 392E00
≈ Hidden Passage
- 003832
≈ Night Turquoise
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 13.58:1 · APCA Lc 100
Ag
Failعلى الأسود
WCAG 1.54:1 · APCA Lc 0
أفضل لون للنص: #FFFFFF
WCAG 13.58:1 (AAA) · APCA Lc 100
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--space-cadet: #252b52;
--space-cadet-rgb: 37 43 82;
--space-cadet-oklch: oklch(0.305 0.07 274.9);
}
.element {
color: var(--space-cadet);
background-color: hsl(232 38% 23%);
border-color: oklch(0.305 0.07 274.9);
}Tailwind CSS v4
@theme {
--color-space-cadet: #252b52;
--color-space-cadet-50: #eff4ff;
--color-space-cadet-100: #e1e6ff;
--color-space-cadet-200: #ccd2f3;
--color-space-cadet-300: #aeb5dc;
--color-space-cadet-400: #929cc9;
--color-space-cadet-500: #7883b5;
--color-space-cadet-600: #666f99;
--color-space-cadet-700: #51587b;
--color-space-cadet-800: #3a415b;
--color-space-cadet-900: #282d40;
--color-space-cadet-950: #161a29;
}SCSS
$space-cadet: #252b52;
$space-cadet-rgb: 37, 43, 82;
$space-cadet-light: mix(#fff, $space-cadet, 20%);
$space-cadet-dark: mix(#000, $space-cadet, 20%);
.element {
color: $space-cadet;
box-shadow: 0 0 0 2px rgba($space-cadet, 0.35);
}