أقرب لون مسمّى · #33445C
#33445C
أقرب لون مسمّى: Pi
#33445C (rgb(51 68 92)، hsl(215 29% 28%)، oklch(0.383 0.047 257)) أقرب إلى اللون المسمّى Pi. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#33445C
oklch(0.383 0.047 257)
تحويلات الألوان
- HEX
- #33445c
- RGB
- rgb(51 68 92)
- HSL
- hsl(215 29% 28%)
- HWB
- hwb(215 20% 64%)
- OKLCH
- oklch(0.383 0.047 257)
- OKLab
- oklab(0.383 -0.01 -0.046)
- CIE Lab
- lab(28.19 -1.57 -16.63)
- LCH
- lch(28.19 16.71 264.6)
- CMYK
- cmyk(45% 26% 0% 64%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 45556B
- 58667B
- 6B788A
- 7F8A9A
- 939DAB
- A8B0BB
- BDC3CC
- D2D7DD
- E9EBEE
درجات داكنة
- 2B3A4F
- 233042
- 1C2636
- 141D2A
- 0D141F
- 070C14
- 03050A
- 010203
- 000000
درجات رمادية
- 3A4A60
- 425063
- 495667
- 515C6B
- 59626E
- 606872
- 686E75
- 707479
- 787A7D
تناسق الألوان
متمم +180°
- 33445C
Pi
- 514026
≈ Clove Yellow Brown
متجاور -30° +30°
ثلاثي +120° +240°
متمم منقسم +150° +210°
- 33445C
Pi
- 583B2D
≈ Tuk Tuk
- 464527
≈ Tin Bitz
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 9.89:1 · APCA Lc 93
Ag
Failعلى الأسود
WCAG 2.12:1 · APCA Lc 10
أفضل لون للنص: #FFFFFF
WCAG 9.89:1 (AAA) · APCA Lc 93
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--pi: #33445c;
--pi-rgb: 51 68 92;
--pi-oklch: oklch(0.383 0.047 257);
}
.element {
color: var(--pi);
background-color: hsl(215 29% 28%);
border-color: oklch(0.383 0.047 257);
}Tailwind CSS v4
@theme {
--color-pi: #33445c;
--color-pi-50: #edf6ff;
--color-pi-100: #dfe9f8;
--color-pi-200: #c9d5e9;
--color-pi-300: #a9b8d0;
--color-pi-400: #8da0ba;
--color-pi-500: #7388a5;
--color-pi-600: #61738c;
--color-pi-700: #4e5c70;
--color-pi-800: #384353;
--color-pi-900: #262f3a;
--color-pi-950: #141b24;
}SCSS
$pi: #33445c;
$pi-rgb: 51, 68, 92;
$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);
}