Color con nombre más cercano · #DDEAD5
#DDEAD5
Color con nombre más cercano: Ghost Lichen
#DDEAD5 (rgb(221 234 213), hsl(97 33% 88%), oklch(0.922 0.031 133.3)) se parece más al color con nombre Ghost Lichen. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#DDEAD5
oklch(0.922 0.031 133.3)
Conversiones de color
- HEX
- #ddead5
- RGB
- rgb(221 234 213)
- HSL
- hsl(97 33% 88%)
- HWB
- hwb(97 84% 8%)
- OKLCH
- oklch(0.922 0.031 133.3)
- OKLab
- oklab(0.922 -0.021 0.023)
- CIE Lab
- lab(91.28 -7.27 8.68)
- LCH
- lch(91.28 11.32 130)
- CMYK
- cmyk(6% 0% 9% 8%)
Tintes · Sombras · Tonos
Tintes
- E0ECD9
- E4EEDD
- E7F0E2
- EBF2E6
- EEF5EA
- F1F7EE
- F5F9F2
- F8FBF7
- FCFDFB
Sombras
- C0CBB9
- A4AE9E
- 889183
- 6E756A
- 555A51
- 3D413A
- 262924
- 111310
- 020302
Tonos
- D3DFCC
- CAD4C3
- C0C9BB
- B7BEB2
- ADB4AA
- A4A9A1
- 9B9F99
- 929490
- 898A88
Armonías de color
Complementario +180°
- DDEAD5
Ghost Lichen
- EDDFF4
≈ Divine Dove
Análogo -30° +30°
- DDEAD5
Ghost Lichen
- E8E6CF
≈ Light Fern Green
- D3ECDF
≈ Persian Fable
Triádico +120° +240°
- DDEAD5
Ghost Lichen
- D7E7FA
≈ Cloudless
- F9DDDF
≈ Blowing Kisses
Complementario dividido +150° +210°
- DDEAD5
Ghost Lichen
- E2E3FA
≈ Lavender Mist
- F5DDEA
≈ Ranunculus White
Tetrádico +90° +180° +270°
- DDEAD5
Ghost Lichen
- D0EAF5
≈ Frosty Day
- EDDFF4
≈ Divine Dove
- F8DFD5
≈ Delicate Rose
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASobre negro
WCAG 16.80:1 · APCA Lc 92
Mejor color de texto: #000000
WCAG 16.80:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmentos de código
CSS
:root {
--ghost-lichen: #ddead5;
--ghost-lichen-rgb: 221 234 213;
--ghost-lichen-oklch: oklch(0.922 0.031 133.3);
}
.element {
color: var(--ghost-lichen);
background-color: hsl(97 33% 88%);
border-color: oklch(0.922 0.031 133.3);
}Tailwind CSS v4
@theme {
--color-ghost-lichen: #ddead5;
--color-ghost-lichen-50: #f1f7ee;
--color-ghost-lichen-100: #e3eae0;
--color-ghost-lichen-200: #cfd7ca;
--color-ghost-lichen-300: #b1bbab;
--color-ghost-lichen-400: #97a390;
--color-ghost-lichen-500: #7e8b76;
--color-ghost-lichen-600: #6b7664;
--color-ghost-lichen-700: #555e50;
--color-ghost-lichen-800: #3e453a;
--color-ghost-lichen-900: #2b3027;
--color-ghost-lichen-950: #181c16;
}SCSS
$ghost-lichen: #ddead5;
$ghost-lichen-rgb: 221, 234, 213;
$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);
}