Colore con nome · #E9F6E0
Lush Life
Lush Life è #E9F6E0: rgb(233 246 224), hsl(95 55% 92%), oklch(0.958 0.032 132.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Lush Life color name →
#E9F6E0
oklch(0.958 0.032 132.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- EBF7E3
- EDF8E6
- F0F9E9
- F2FAEC
- F4FBF0
- F6FBF3
- F8FCF6
- FBFDF9
- FDFEFC
Ombre
- CBD6C3
- ADB7A6
- 90988A
- 747B70
- 5A5F56
- 41453E
- 292C27
- 131512
- 030302
Toni
- DEEAD6
- D3DDCC
- C8D1C2
- BEC5B9
- B3B9AF
- A9AEA5
- 9EA29C
- 949692
- 8A8B89
Armonie di colore
Complementare +180°
- E9F6E0
Lush Life
- F7ECFF
≈ Placebo Fuchsia
Analogo -30° +30°
- E9F6E0
Lush Life
- F5F2DA
≈ Cream Filling
- DFF8EB
≈ Toxic Latte
Triadico +120° +240°
- E9F6E0
Lush Life
- E7F2FF
≈ Cotton Boll
- FFECED
≈ Translucent Unicorn
Complementare divisa +150° +210°
- E9F6E0
Lush Life
- EEF0FF
≈ Carte Blanche
- FFEAF6
≈ Fairy Dust
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.12:1 · APCA Lc 0
Ag
AAASu nero
WCAG 18.72:1 · APCA Lc 99
Miglior colore del testo: #000000
WCAG 18.72:1 (AAA) · APCA Lc 99
Contrast pairs
Frammenti di codice
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);
}