لون مسمّى · #F3E0C6
Estate Vanilla
Estate Vanilla هو #F3E0C6: rgb(243 224 198)، hsl(35 65% 86%)، oklch(0.915 0.04 75.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Estate Vanilla color name →
#F3E0C6
oklch(0.915 0.04 75.8)
تحويلات الألوان
- HEX
- #f3e0c6
- RGB
- rgb(243 224 198)
- HSL
- hsl(35 65% 86%)
- HWB
- hwb(35 78% 5%)
- OKLCH
- oklch(0.915 0.04 75.8)
- OKLab
- oklab(0.915 0.01 0.039)
- CIE Lab
- lab(90.23 3.71 15.26)
- LCH
- lch(90.23 15.71 76.4)
- CMYK
- cmyk(0% 8% 19% 5%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F4E3CC
- F5E6D1
- F7E9D7
- F8ECDD
- F9F0E2
- FAF3E8
- FBF6EE
- FDF9F4
- FEFCF9
درجات داكنة
- D3C3AC
- B4A692
- 978A7A
- 7A7062
- 5E564B
- 443E35
- 2B2721
- 14120E
- 030202
درجات رمادية
- E7D6BF
- DBCCB8
- CFC2B1
- C3B9AA
- B8AFA3
- ACA59C
- A19C95
- 96928E
- 8B8987
تناسق الألوان
متمم +180°
- F3E0C6
Estate Vanilla
- D2E5FE
≈ Veiling Waterfalls
متجاور -30° +30°
- F3E0C6
Estate Vanilla
- FBDBCD
≈ Light Carob
- E6E5C7
≈ Fountain Frolic
ثلاثي +120° +240°
- F3E0C6
Estate Vanilla
- C5ECEC
≈ Morning Sky
- EEDBF6
≈ Grape Taffy
متمم منقسم +150° +210°
- F3E0C6
Estate Vanilla
- C8E9F8
≈ Icy Landscape
- E0E0FE
≈ Stoic White
رباعي +90° +180° +270°
- F3E0C6
Estate Vanilla
- CBECDD
≈ Hatching Chameleon
- D2E5FE
≈ Veiling Waterfalls
- F8D9E9
≈ Cherry Flower
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.28:1 · APCA Lc 14
Ag
AAAعلى الأسود
WCAG 16.28:1 · APCA Lc 89
أفضل لون للنص: #000000
WCAG 16.28:1 (AAA) · APCA Lc 89
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--estate-vanilla: #f3e0c6;
--estate-vanilla-rgb: 243 224 198;
--estate-vanilla-oklch: oklch(0.915 0.04 75.8);
}
.element {
color: var(--estate-vanilla);
background-color: hsl(35 65% 86%);
border-color: oklch(0.915 0.04 75.8);
}Tailwind CSS v4
@theme {
--color-estate-vanilla: #f3e0c6;
--color-estate-vanilla-50: #fcf4e9;
--color-estate-vanilla-100: #efe7d9;
--color-estate-vanilla-200: #ded3c2;
--color-estate-vanilla-300: #c3b5a1;
--color-estate-vanilla-400: #ad9c84;
--color-estate-vanilla-500: #968369;
--color-estate-vanilla-600: #7f6f59;
--color-estate-vanilla-700: #665947;
--color-estate-vanilla-800: #4b4033;
--color-estate-vanilla-900: #342c23;
--color-estate-vanilla-950: #1f1912;
}SCSS
$estate-vanilla: #f3e0c6;
$estate-vanilla-rgb: 243, 224, 198;
$estate-vanilla-light: mix(#fff, $estate-vanilla, 20%);
$estate-vanilla-dark: mix(#000, $estate-vanilla, 20%);
.element {
color: $estate-vanilla;
box-shadow: 0 0 0 2px rgba($estate-vanilla, 0.35);
}