لون مسمّى · #EBF7E4
Panache
Panache هو #EBF7E4: rgb(235 247 228)، hsl(98 54% 93%)، oklch(0.962 0.028 133.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Panache color name →
#EBF7E4
oklch(0.962 0.028 133.7)
تحويلات الألوان
- HEX
- #ebf7e4
- RGB
- rgb(235 247 228)
- HSL
- hsl(98 54% 93%)
- HWB
- hwb(98 89% 3%)
- OKLCH
- oklch(0.962 0.028 133.7)
- OKLab
- oklab(0.962 -0.019 0.02)
- CIE Lab
- lab(95.94 -6.6 7.73)
- LCH
- lch(95.94 10.17 130.5)
- CMYK
- cmyk(5% 0% 8% 3%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EDF8E7
- EFF9E9
- F1F9EC
- F3FAEF
- F5FBF2
- F7FCF4
- F9FDF7
- FBFDFA
- FDFEFC
درجات داكنة
- CCD7C6
- AEB7A9
- 91998D
- 757C72
- 5B6058
- 41453F
- 292C28
- 131512
- 030303
درجات رمادية
- E0EADA
- D5DECF
- CAD2C5
- BFC6BB
- B4BAB1
- A9AEA7
- 9FA29D
- 949793
- 8A8B8A
تناسق الألوان
متمم +180°
- EBF7E4
Panache
- F9EEFF
≈ Placebo Fuchsia
متجاور -30° +30°
- EBF7E4
Panache
- F5F4DE
≈ White Jasmine
- E2F9ED
≈ Soft Mint
ثلاثي +120° +240°
- EBF7E4
Panache
- EAF3FF
≈ Moon White
- FFEEEF
≈ White Gloss
متمم منقسم +150° +210°
- EBF7E4
Panache
- F0F1FF
≈ Cloud Break
- FFECF6
≈ Partial Pink
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.10:1 · APCA Lc 0
Ag
AAAعلى الأسود
WCAG 18.95:1 · APCA Lc 100
أفضل لون للنص: #000000
WCAG 18.95:1 (AAA) · APCA Lc 100
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--panache: #ebf7e4;
--panache-rgb: 235 247 228;
--panache-oklch: oklch(0.962 0.028 133.7);
}
.element {
color: var(--panache);
background-color: hsl(98 54% 93%);
border-color: oklch(0.962 0.028 133.7);
}Tailwind CSS v4
@theme {
--color-panache: #ebf7e4;
--color-panache-50: #f2f7ef;
--color-panache-100: #e4eae1;
--color-panache-200: #cfd7cb;
--color-panache-300: #b1bbad;
--color-panache-400: #98a292;
--color-panache-500: #7f8b78;
--color-panache-600: #6b7565;
--color-panache-700: #565e51;
--color-panache-800: #3f453b;
--color-panache-900: #2b2f28;
--color-panache-950: #191c16;
}SCSS
$panache: #ebf7e4;
$panache-rgb: 235, 247, 228;
$panache-light: mix(#fff, $panache, 20%);
$panache-dark: mix(#000, $panache, 20%);
.element {
color: $panache;
box-shadow: 0 0 0 2px rgba($panache, 0.35);
}