لون مسمّى · #E9DFCF
Vanilla Flower
Vanilla Flower هو #E9DFCF: rgb(233 223 207)، hsl(37 37% 86%)، oklch(0.907 0.024 79.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Vanilla Flower color name →
#E9DFCF
oklch(0.907 0.024 79.7)
تحويلات الألوان
- HEX
- #e9dfcf
- RGB
- rgb(233 223 207)
- HSL
- hsl(37 37% 86%)
- HWB
- hwb(37 81% 9%)
- OKLCH
- oklch(0.907 0.024 79.7)
- OKLab
- oklab(0.907 0.004 0.024)
- CIE Lab
- lab(89.3 1.55 9.15)
- LCH
- lch(89.3 9.28 80.4)
- CMYK
- cmyk(0% 4% 11% 9%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EBE2D4
- EDE5D9
- F0E9DD
- F2ECE2
- F4EFE7
- F6F2EC
- F8F5F0
- FBF9F5
- FDFCFA
درجات داكنة
- CBC2B4
- ADA599
- 908A7F
- 746F67
- 5A564F
- 413D38
- 292723
- 131210
- 030202
درجات رمادية
- DED5C7
- D3CBBF
- C8C2B7
- BEB8AF
- B3AEA7
- A9A59F
- 9E9B97
- 94928F
- 8A8988
تناسق الألوان
متمم +180°
- E9DFCF
Vanilla Flower
- D7E1F1
≈ Aquarelle Purple
متجاور -30° +30°
- E9DFCF
Vanilla Flower
- EEDCD3
≈ Stolen Kiss
- E1E2D0
≈ Positive Energy
ثلاثي +120° +240°
- E9DFCF
Vanilla Flower
- CFE6E7
≈ Ventilated
- E8DCEB
≈ Princess Fairy Tale
متمم منقسم +150° +210°
- E9DFCF
Vanilla Flower
- D1E4ED
≈ Mystic Harbour
- E0DEF0
≈ Artemis Silver
رباعي +90° +180° +270°
- E9DFCF
Vanilla Flower
- D2E6DE
≈ Summer Breeze
- D7E1F1
≈ Aquarelle Purple
- EEDAE3
≈ Rosa Bonito
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.31:1 · APCA Lc 16
Ag
AAAعلى الأسود
WCAG 15.92:1 · APCA Lc 88
أفضل لون للنص: #000000
WCAG 15.92:1 (AAA) · APCA Lc 88
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--vanilla-flower: #e9dfcf;
--vanilla-flower-rgb: 233 223 207;
--vanilla-flower-oklch: oklch(0.907 0.024 79.7);
}
.element {
color: var(--vanilla-flower);
background-color: hsl(37 37% 86%);
border-color: oklch(0.907 0.024 79.7);
}Tailwind CSS v4
@theme {
--color-vanilla-flower: #e9dfcf;
--color-vanilla-flower-50: #f9f5ee;
--color-vanilla-flower-100: #ece7df;
--color-vanilla-flower-200: #d9d3c9;
--color-vanilla-flower-300: #beb6aa;
--color-vanilla-flower-400: #a69d8f;
--color-vanilla-flower-500: #8f8575;
--color-vanilla-flower-600: #797063;
--color-vanilla-flower-700: #615a4f;
--color-vanilla-flower-800: #474139;
--color-vanilla-flower-900: #312d27;
--color-vanilla-flower-950: #1d1a15;
}SCSS
$vanilla-flower: #e9dfcf;
$vanilla-flower-rgb: 233, 223, 207;
$vanilla-flower-light: mix(#fff, $vanilla-flower, 20%);
$vanilla-flower-dark: mix(#000, $vanilla-flower, 20%);
.element {
color: $vanilla-flower;
box-shadow: 0 0 0 2px rgba($vanilla-flower, 0.35);
}