Color con nombre · #DFEDDA
Ghost Lichen
Ghost Lichen es #DFEDDA: rgb(223 237 218), hsl(104 35% 89%), oklch(0.93 0.029 137.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Ghost Lichen color name →
#DFEDDA
oklch(0.93 0.029 137.4)
Conversiones de color
- HEX
- #dfedda
- RGB
- rgb(223 237 218)
- HSL
- hsl(104 35% 89%)
- HWB
- hwb(104 85% 7%)
- OKLCH
- oklch(0.93 0.029 137.4)
- OKLab
- oklab(0.93 -0.022 0.02)
- CIE Lab
- lab(92.3 -7.35 7.56)
- LCH
- lch(92.3 10.54 134.2)
- CMYK
- cmyk(6% 0% 8% 7%)
Tintes · Sombras · Tonos
Tintes
- E2EFDE
- E5F1E1
- E9F2E5
- ECF4E9
- EFF6EC
- F2F8F0
- F5FAF4
- F9FBF8
- FCFDFB
Sombras
- C2CEBD
- A5B0A2
- 8A9387
- 6F776C
- 565C54
- 3D423C
- 272A25
- 121411
- 020302
Tonos
- D5E2D1
- CBD6C7
- C2CBBE
- B8C0B5
- AEB5AC
- A5AAA3
- 9B9F9A
- 929591
- 898A89
Armonías de color
Complementario +180°
- DFEDDA
Ghost Lichen
- F0E2F5
≈ Sheer Lavender
Análogo -30° +30°
- DFEDDA
Ghost Lichen
- EAEAD4
≈ Horned Lizard
- D6EFE4
≈ Dreamy Clouds
Triádico +120° +240°
- DFEDDA
Ghost Lichen
- DCE9FC
≈ Cloudless
- FBE1E1
≈ Eased Pink
Complementario dividido +150° +210°
- DFEDDA
Ghost Lichen
- E6E5FB
≈ Lavender Mist
- F8E1EC
≈ Pale Orchid Petal
Tetrádico +90° +180° +270°
- DFEDDA
Ghost Lichen
- D5ECF8
≈ Ice Castle
- F0E2F5
≈ Sheer Lavender
- FAE3D8
≈ Pink Touch
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.21:1 · APCA Lc 11
Ag
AAASobre negro
WCAG 17.26:1 · APCA Lc 93
Mejor color de texto: #000000
WCAG 17.26:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmentos de código
CSS
:root {
--ghost-lichen: #dfedda;
--ghost-lichen-rgb: 223 237 218;
--ghost-lichen-oklch: oklch(0.93 0.029 137.4);
}
.element {
color: var(--ghost-lichen);
background-color: hsl(104 35% 89%);
border-color: oklch(0.93 0.029 137.4);
}Tailwind CSS v4
@theme {
--color-ghost-lichen: #dfedda;
--color-ghost-lichen-50: #f1f7ef;
--color-ghost-lichen-100: #e3eae1;
--color-ghost-lichen-200: #ced7cc;
--color-ghost-lichen-300: #b0bbad;
--color-ghost-lichen-400: #96a392;
--color-ghost-lichen-500: #7d8b78;
--color-ghost-lichen-600: #6a7666;
--color-ghost-lichen-700: #555e51;
--color-ghost-lichen-800: #3e453b;
--color-ghost-lichen-900: #2b3028;
--color-ghost-lichen-950: #181c16;
}SCSS
$ghost-lichen: #dfedda;
$ghost-lichen-rgb: 223, 237, 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);
}