Dichtstbijzijnde benoemde kleur · #E2EEDA
#E2EEDA
Dichtstbijzijnde benoemde kleur: Ghost Lichen
#E2EEDA (rgb(226 238 218), hsl(96 37% 89%), oklch(0.935 0.029 132.6)) komt het dichtst bij de benoemde kleur Ghost Lichen. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#E2EEDA
oklch(0.935 0.029 132.6)
Kleurconversies
- HEX
- #e2eeda
- RGB
- rgb(226 238 218)
- HSL
- hsl(96 37% 89%)
- HWB
- hwb(96 85% 7%)
- OKLCH
- oklch(0.935 0.029 132.6)
- OKLab
- oklab(0.935 -0.02 0.022)
- CIE Lab
- lab(92.78 -6.77 8.28)
- LCH
- lch(92.78 10.69 129.3)
- CMYK
- cmyk(5% 0% 8% 7%)
Tinten · Schaduwen · Tonen
Tinten
- E5F0DE
- E8F1E1
- EBF3E5
- EEF5E9
- F0F7EC
- F3F8F0
- F6FAF4
- F9FCF8
- FCFDFB
Schaduwen
- C4CFBD
- A8B1A2
- 8C9387
- 71776C
- 575C54
- 3E423C
- 272A25
- 121411
- 030302
Tonen
- D8E2D1
- CED7C7
- C4CCBE
- BAC1B5
- B0B5AC
- A6ABA3
- 9CA09A
- 939591
- 898A89
Kleurharmonieën
Complementair +180°
- E2EEDA
Ghost Lichen
- F0E4F8
≈ Minute Mauve
Analoog -30° +30°
- E2EEDA
Ghost Lichen
- EDEBD4
≈ Budding Fern
- D9F0E4
≈ Banshee
Triadisch +120° +240°
- E2EEDA
Ghost Lichen
- DCEBFD
≈ Hoarfrost
- FDE2E4
≈ Royal Wedding
Gesplitst complementair +150° +210°
- E2EEDA
Ghost Lichen
- E6E7FD
≈ Cyber Lavender
- F8E2EF
≈ Petal Poise
Tetradisch +90° +180° +270°
- E2EEDA
Ghost Lichen
- D5EEF8
≈ Ice Castle
- F0E4F8
≈ Minute Mauve
- FCE4DA
≈ Cool Cream
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.20:1 · APCA Lc 10
Ag
AAAOp zwart
WCAG 17.47:1 · APCA Lc 94
Beste tekstkleur: #000000
WCAG 17.47:1 (AAA) · APCA Lc 94
Contrast pairs
Codefragmenten
CSS
:root {
--ghost-lichen: #e2eeda;
--ghost-lichen-rgb: 226 238 218;
--ghost-lichen-oklch: oklch(0.935 0.029 132.6);
}
.element {
color: var(--ghost-lichen);
background-color: hsl(96 37% 89%);
border-color: oklch(0.935 0.029 132.6);
}Tailwind CSS v4
@theme {
--color-ghost-lichen: #e2eeda;
--color-ghost-lichen-50: #f2f7ef;
--color-ghost-lichen-100: #e4eae0;
--color-ghost-lichen-200: #cfd7cb;
--color-ghost-lichen-300: #b1bbac;
--color-ghost-lichen-400: #98a291;
--color-ghost-lichen-500: #7f8b77;
--color-ghost-lichen-600: #6b7565;
--color-ghost-lichen-700: #565e50;
--color-ghost-lichen-800: #3f453a;
--color-ghost-lichen-900: #2b2f28;
--color-ghost-lichen-950: #191c16;
}SCSS
$ghost-lichen: #e2eeda;
$ghost-lichen-rgb: 226, 238, 218;
$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);
}