Colore con nome più vicino · #E1EFD9
#E1EFD9
Colore con nome più vicino: Ghost Lichen
#E1EFD9 (rgb(225 239 217), hsl(98 41% 89%), oklch(0.936 0.033 133.9)) è più vicino al colore con nome Ghost Lichen. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#E1EFD9
oklch(0.936 0.033 133.9)
Conversioni di colore
- HEX
- #e1efd9
- RGB
- rgb(225 239 217)
- HSL
- hsl(98 41% 89%)
- HWB
- hwb(98 85% 6%)
- OKLCH
- oklch(0.936 0.033 133.9)
- OKLab
- oklab(0.936 -0.023 0.024)
- CIE Lab
- lab(92.94 -7.72 9.01)
- LCH
- lch(92.94 11.86 130.6)
- CMYK
- cmyk(6% 0% 9% 6%)
Tinte · Ombre · Toni
Tinte
- E4F1DD
- E7F2E1
- EAF4E4
- EDF5E8
- F0F7EC
- F3F9F0
- F6FAF4
- F9FCF7
- FCFDFB
Ombre
- C4D0BC
- A7B1A1
- 8B9486
- 70786C
- 565C53
- 3E423B
- 272A25
- 121411
- 020302
Toni
- D7E3D0
- CDD8C7
- C3CCBD
- B9C1B4
- AFB6AC
- A6ABA3
- 9CA09A
- 939591
- 898B89
Armonie di colore
Complementare +180°
- E1EFD9
Ghost Lichen
- F2E4FA
≈ Minute Mauve
Analogo -30° +30°
- E1EFD9
Ghost Lichen
- EDEBD3
≈ Budding Fern
- D7F1E4
≈ Teal Treat
Triadico +120° +240°
- E1EFD9
Ghost Lichen
- DCEBFF
≈ Hoarfrost
- FFE1E3
≈ Red Remains
Complementare divisa +150° +210°
- E1EFD9
Ghost Lichen
- E7E7FF
≈ Cyber Lavender
- FBE2EF
≈ Spun Sugar
Tetradico +90° +180° +270°
- E1EFD9
Ghost Lichen
- D3EFFA
≈ Blue Hijab
- F2E4FA
≈ Minute Mauve
- FEE3D8
≈ Peach Cloud
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.19:1 · APCA Lc 10
Ag
AAASu nero
WCAG 17.55:1 · APCA Lc 95
Miglior colore del testo: #000000
WCAG 17.55:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
CSS
:root {
--ghost-lichen: #e1efd9;
--ghost-lichen-rgb: 225 239 217;
--ghost-lichen-oklch: oklch(0.936 0.033 133.9);
}
.element {
color: var(--ghost-lichen);
background-color: hsl(98 41% 89%);
border-color: oklch(0.936 0.033 133.9);
}Tailwind CSS v4
@theme {
--color-ghost-lichen: #e1efd9;
--color-ghost-lichen-50: #f1f7ee;
--color-ghost-lichen-100: #e3ebe0;
--color-ghost-lichen-200: #ced8ca;
--color-ghost-lichen-300: #b0bbab;
--color-ghost-lichen-400: #97a390;
--color-ghost-lichen-500: #7d8b75;
--color-ghost-lichen-600: #6a7663;
--color-ghost-lichen-700: #555e4f;
--color-ghost-lichen-800: #3e4539;
--color-ghost-lichen-900: #2b3027;
--color-ghost-lichen-950: #181c15;
}SCSS
$ghost-lichen: #e1efd9;
$ghost-lichen-rgb: 225, 239, 217;
$ghost-lichen-light: mix(#fff, $ghost-lichen, 20%);
$ghost-lichen-dark: mix(#000, $ghost-lichen, 20%);
.element {
color: $ghost-lichen;
box-shadow: 0 0 0 2px rgba($ghost-lichen, 0.35);
}