Colore con nome · #E1ECD9
Lime Glow
Lime Glow è #E1ECD9: rgb(225 236 217), hsl(95 33% 89%), oklch(0.93 0.028 131.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Lime Glow color name →
#E1ECD9
oklch(0.93 0.028 131.8)
Conversioni di colore
- HEX
- #e1ecd9
- RGB
- rgb(225 236 217)
- HSL
- hsl(95 33% 89%)
- HWB
- hwb(95 85% 7%)
- OKLCH
- oklch(0.93 0.028 131.8)
- OKLab
- oklab(0.93 -0.019 0.021)
- CIE Lab
- lab(92.17 -6.3 7.92)
- LCH
- lch(92.17 10.12 128.5)
- CMYK
- cmyk(5% 0% 8% 7%)
Tinte · Ombre · Toni
Tinte
- E4EEDD
- E7F0E1
- EAF2E4
- EDF4E8
- F0F6EC
- F3F7F0
- F6F9F4
- F9FBF7
- FCFDFB
Ombre
- C4CDBC
- A7AFA1
- 8B9286
- 70766C
- 565B53
- 3E423B
- 272925
- 121311
- 020302
Toni
- D7E1D0
- CDD5C7
- C3CABD
- B9BFB4
- AFB5AB
- A6AAA3
- 9C9F9A
- 939591
- 898A89
Armonie di colore
Complementare +180°
- E1ECD9
Lime Glow
- EEE3F6
≈ Sheer Lavender
Analogo -30° +30°
- E1ECD9
Lime Glow
- EBE9D4
≈ Italian Lace
- D8EEE2
≈ Spring Dew
Triadico +120° +240°
- E1ECD9
Lime Glow
- DBE9FA
≈ Cloudless
- FAE1E3
≈ Poetic Princess
Complementare divisa +150° +210°
- E1ECD9
Lime Glow
- E4E6FB
≈ Lavender Mist
- F6E1ED
≈ Pale Orchid Petal
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.22:1 · APCA Lc 11
Ag
AAASu nero
WCAG 17.20:1 · APCA Lc 93
Miglior colore del testo: #000000
WCAG 17.20:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--lime-glow: #e1ecd9;
--lime-glow-rgb: 225 236 217;
--lime-glow-oklch: oklch(0.93 0.028 131.8);
}
.element {
color: var(--lime-glow);
background-color: hsl(95 33% 89%);
border-color: oklch(0.93 0.028 131.8);
}Tailwind CSS v4
@theme {
--color-lime-glow: #e1ecd9;
--color-lime-glow-50: #f2f7ef;
--color-lime-glow-100: #e4eae1;
--color-lime-glow-200: #cfd7cb;
--color-lime-glow-300: #b2bbac;
--color-lime-glow-400: #98a291;
--color-lime-glow-500: #7f8a77;
--color-lime-glow-600: #6c7565;
--color-lime-glow-700: #565e51;
--color-lime-glow-800: #3f443a;
--color-lime-glow-900: #2b2f28;
--color-lime-glow-950: #191c16;
}SCSS
$lime-glow: #e1ecd9;
$lime-glow-rgb: 225, 236, 217;
$lime-glow-light: mix(#fff, $lime-glow, 20%);
$lime-glow-dark: mix(#000, $lime-glow, 20%);
.element {
color: $lime-glow;
box-shadow: 0 0 0 2px rgba($lime-glow, 0.35);
}