لون مسمّى · #F6E5CE
Mannequin Cream
Mannequin Cream هو #F6E5CE: rgb(246 229 206)، hsl(35 69% 89%)، oklch(0.929 0.036 75.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Mannequin Cream color name →
#F6E5CE
oklch(0.929 0.036 75.5)
تحويلات الألوان
- HEX
- #f6e5ce
- RGB
- rgb(246 229 206)
- HSL
- hsl(35 69% 89%)
- HWB
- hwb(35 81% 4%)
- OKLCH
- oklch(0.929 0.036 75.5)
- OKLab
- oklab(0.929 0.009 0.035)
- CIE Lab
- lab(91.87 3.28 13.46)
- LCH
- lch(91.87 13.85 76.3)
- CMYK
- cmyk(0% 7% 16% 4%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F7E8D3
- F8EAD8
- F9EDDD
- FAEFE2
- FBF2E6
- FBF5EB
- FCF7F0
- FDFAF5
- FEFCFA
درجات داكنة
- D6C7B3
- B7AA98
- 988E7F
- 7B7266
- 5F584E
- 453F38
- 2C2823
- 15120F
- 030302
درجات رمادية
- EADAC6
- DDD0BE
- D1C6B6
- C5BBAE
- B9B1A6
- AEA79F
- A29D97
- 96938F
- 8B8A88
تناسق الألوان
متمم +180°
- F6E5CE
Mannequin Cream
- D9E9FF
≈ Veiling Waterfalls
متجاور -30° +30°
- F6E5CE
Mannequin Cream
- FDE1D4
≈ Light Quilt
- EBEACF
≈ Palmito
ثلاثي +120° +240°
- F6E5CE
Mannequin Cream
- CDF0EF
≈ Morning Calm
- F1E1F8
≈ Sheer Lavender
متمم منقسم +150° +210°
- F6E5CE
Mannequin Cream
- D0EDFA
≈ Blue Hijab
- E5E5FF
≈ Lavender Mist
رباعي +90° +180° +270°
- F6E5CE
Mannequin Cream
- D3F0E2
≈ Pastel Jade
- D9E9FF
≈ Veiling Waterfalls
- FBDFED
≈ Pale Blossom
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.23:1 · APCA Lc 12
Ag
AAAعلى الأسود
WCAG 17.01:1 · APCA Lc 92
أفضل لون للنص: #000000
WCAG 17.01:1 (AAA) · APCA Lc 92
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--mannequin-cream: #f6e5ce;
--mannequin-cream-rgb: 246 229 206;
--mannequin-cream-oklch: oklch(0.929 0.036 75.5);
}
.element {
color: var(--mannequin-cream);
background-color: hsl(35 69% 89%);
border-color: oklch(0.929 0.036 75.5);
}Tailwind CSS v4
@theme {
--color-mannequin-cream: #f6e5ce;
--color-mannequin-cream-50: #fbf4ea;
--color-mannequin-cream-100: #efe7db;
--color-mannequin-cream-200: #ddd3c4;
--color-mannequin-cream-300: #c2b6a4;
--color-mannequin-cream-400: #ab9c87;
--color-mannequin-cream-500: #94836c;
--color-mannequin-cream-600: #7d6f5c;
--color-mannequin-cream-700: #645949;
--color-mannequin-cream-800: #4a4135;
--color-mannequin-cream-900: #332d24;
--color-mannequin-cream-950: #1f1a13;
}SCSS
$mannequin-cream: #f6e5ce;
$mannequin-cream-rgb: 246, 229, 206;
$mannequin-cream-light: mix(#fff, $mannequin-cream, 20%);
$mannequin-cream-dark: mix(#000, $mannequin-cream, 20%);
.element {
color: $mannequin-cream;
box-shadow: 0 0 0 2px rgba($mannequin-cream, 0.35);
}