لون مسمّى · #E4CCC3
Pout
Pout هو #E4CCC3: rgb(228 204 195)، hsl(16 38% 83%)، oklch(0.863 0.03 41.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Pout color name →
#E4CCC3
oklch(0.863 0.03 41.7)
تحويلات الألوان
- HEX
- #e4ccc3
- RGB
- rgb(228 204 195)
- HSL
- hsl(16 38% 83%)
- HWB
- hwb(16 76% 11%)
- OKLCH
- oklch(0.863 0.03 41.7)
- OKLab
- oklab(0.863 0.022 0.02)
- CIE Lab
- lab(83.89 7.6 7.72)
- LCH
- lch(83.89 10.84 45.5)
- CMYK
- cmyk(0% 11% 14% 11%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E7D1C9
- EAD6CF
- ECDBD5
- EFE0DB
- F2E5E1
- F4EAE7
- F7F0ED
- FAF5F3
- FCFAF9
درجات داكنة
- C6B1A9
- A99790
- 8D7E78
- 726560
- 584E4A
- 3F3734
- 282220
- 120F0E
- 030202
درجات رمادية
- DAC4BC
- CFBCB5
- C5B5AE
- BBADA8
- B1A5A1
- A79E9A
- 9D9694
- 938F8D
- 8A8786
تناسق الألوان
متمم +180°
- E4CCC3
Pout
- BED7E0
≈ Blue Perennial
متجاور -30° +30°
- E4CCC3
Pout
- E5CACD
≈ Pink Spinel
- DFCFBD
≈ Dainty Lace
ثلاثي +120° +240°
- E4CCC3
Pout
- C2D8CC
≈ Fuchsite
- CED0E6
≈ Casa del Mar
متمم منقسم +150° +210°
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.53:1 · APCA Lc 25
Ag
AAAعلى الأسود
WCAG 13.72:1 · APCA Lc 79
أفضل لون للنص: #000000
WCAG 13.72:1 (AAA) · APCA Lc 79
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--pout: #e4ccc3;
--pout-rgb: 228 204 195;
--pout-oklch: oklch(0.863 0.03 41.7);
}
.element {
color: var(--pout);
background-color: hsl(16 38% 83%);
border-color: oklch(0.863 0.03 41.7);
}Tailwind CSS v4
@theme {
--color-pout: #e4ccc3;
--color-pout-50: #fdf3ee;
--color-pout-100: #f1e5e0;
--color-pout-200: #e0d1ca;
--color-pout-300: #c5b3ab;
--color-pout-400: #af9991;
--color-pout-500: #988077;
--color-pout-600: #816c65;
--color-pout-700: #675751;
--color-pout-800: #4c3f3b;
--color-pout-900: #352b28;
--color-pout-950: #201916;
}SCSS
$pout: #e4ccc3;
$pout-rgb: 228, 204, 195;
$pout-light: mix(#fff, $pout, 20%);
$pout-dark: mix(#000, $pout, 20%);
.element {
color: $pout;
box-shadow: 0 0 0 2px rgba($pout, 0.35);
}