لون مسمّى · #314159
Pi
Pi هو #314159: rgb(49 65 89)، hsl(216 29% 27%)، oklch(0.372 0.046 258.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Blue mean? → · Pi color name →
#314159
oklch(0.372 0.046 258.3)
تحويلات الألوان
- HEX
- #314159
- RGB
- rgb(49 65 89)
- HSL
- hsl(216 29% 27%)
- HWB
- hwb(216 19% 65%)
- OKLCH
- oklch(0.372 0.046 258.3)
- OKLab
- oklab(0.372 -0.009 -0.045)
- CIE Lab
- lab(26.96 -1.17 -16.61)
- LCH
- lch(26.96 16.65 266)
- CMYK
- cmyk(45% 27% 0% 65%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 435268
- 566478
- 697688
- 7D8898
- 929BA9
- A7AEBA
- BCC2CB
- D2D6DC
- E8EAED
درجات داكنة
- 29374C
- 222E40
- 1A2534
- 131C28
- 0C131D
- 060B13
- 030509
- 010103
- 000000
درجات رمادية
- 38475D
- 404D61
- 485365
- 505A69
- 57606D
- 5F6671
- 676D75
- 6F7378
- 78797C
تناسق الألوان
متمم +180°
- 314159
Pi
- 4E3D23
≈ Avocado Stone
متجاور -30° +30°
ثلاثي +120° +240°
متمم منقسم +150° +210°
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 10.33:1 · APCA Lc 94
Ag
Failعلى الأسود
WCAG 2.03:1 · APCA Lc 9
أفضل لون للنص: #FFFFFF
WCAG 10.33:1 (AAA) · APCA Lc 94
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--pi: #314159;
--pi-rgb: 49 65 89;
--pi-oklch: oklch(0.372 0.046 258.3);
}
.element {
color: var(--pi);
background-color: hsl(216 29% 27%);
border-color: oklch(0.372 0.046 258.3);
}Tailwind CSS v4
@theme {
--color-pi: #314159;
--color-pi-50: #eef6ff;
--color-pi-100: #dfe9f8;
--color-pi-200: #c9d5e9;
--color-pi-300: #aab8d0;
--color-pi-400: #8ea0ba;
--color-pi-500: #7387a5;
--color-pi-600: #62738c;
--color-pi-700: #4e5c70;
--color-pi-800: #384353;
--color-pi-900: #262e3a;
--color-pi-950: #151b24;
}SCSS
$pi: #314159;
$pi-rgb: 49, 65, 89;
$pi-light: mix(#fff, $pi, 20%);
$pi-dark: mix(#000, $pi, 20%);
.element {
color: $pi;
box-shadow: 0 0 0 2px rgba($pi, 0.35);
}