لون مسمّى · #E9F6E0
Lush Life
Lush Life هو #E9F6E0: rgb(233 246 224)، hsl(95 55% 92%)، oklch(0.958 0.032 132.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Lush Life color name →
#E9F6E0
oklch(0.958 0.032 132.3)
تحويلات الألوان
- HEX
- #e9f6e0
- RGB
- rgb(233 246 224)
- HSL
- hsl(95 55% 92%)
- HWB
- hwb(95 88% 4%)
- OKLCH
- oklch(0.958 0.032 132.3)
- OKLab
- oklab(0.958 -0.022 0.024)
- CIE Lab
- lab(95.46 -7.33 9.08)
- LCH
- lch(95.46 11.66 128.9)
- CMYK
- cmyk(5% 0% 9% 4%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EBF7E3
- EDF8E6
- F0F9E9
- F2FAEC
- F4FBF0
- F6FBF3
- F8FCF6
- FBFDF9
- FDFEFC
درجات داكنة
- CBD6C3
- ADB7A6
- 90988A
- 747B70
- 5A5F56
- 41453E
- 292C27
- 131512
- 030302
درجات رمادية
- DEEAD6
- D3DDCC
- C8D1C2
- BEC5B9
- B3B9AF
- A9AEA5
- 9EA29C
- 949692
- 8A8B89
تناسق الألوان
متمم +180°
- E9F6E0
Lush Life
- F7ECFF
≈ Placebo Fuchsia
متجاور -30° +30°
- E9F6E0
Lush Life
- F5F2DA
≈ Cream Filling
- DFF8EB
≈ Toxic Latte
ثلاثي +120° +240°
- E9F6E0
Lush Life
- E7F2FF
≈ Cotton Boll
- FFECED
≈ Translucent Unicorn
متمم منقسم +150° +210°
- E9F6E0
Lush Life
- EEF0FF
≈ Carte Blanche
- FFEAF6
≈ Fairy Dust
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.12:1 · APCA Lc 0
Ag
AAAعلى الأسود
WCAG 18.72:1 · APCA Lc 99
أفضل لون للنص: #000000
WCAG 18.72:1 (AAA) · APCA Lc 99
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--lush-life: #e9f6e0;
--lush-life-rgb: 233 246 224;
--lush-life-oklch: oklch(0.958 0.032 132.3);
}
.element {
color: var(--lush-life);
background-color: hsl(95 55% 92%);
border-color: oklch(0.958 0.032 132.3);
}Tailwind CSS v4
@theme {
--color-lush-life: #e9f6e0;
--color-lush-life-50: #f1f7ee;
--color-lush-life-100: #e3eae0;
--color-lush-life-200: #cfd7ca;
--color-lush-life-300: #b1bbab;
--color-lush-life-400: #97a38f;
--color-lush-life-500: #7e8b75;
--color-lush-life-600: #6b7663;
--color-lush-life-700: #555e4f;
--color-lush-life-800: #3f4539;
--color-lush-life-900: #2b3027;
--color-lush-life-950: #181c15;
}SCSS
$lush-life: #e9f6e0;
$lush-life-rgb: 233, 246, 224;
$lush-life-light: mix(#fff, $lush-life, 20%);
$lush-life-dark: mix(#000, $lush-life, 20%);
.element {
color: $lush-life;
box-shadow: 0 0 0 2px rgba($lush-life, 0.35);
}