Couleur nommée la plus proche · #DDEAD5
#DDEAD5
Couleur nommée la plus proche: Ghost Lichen
#DDEAD5 (rgb(221 234 213), hsl(97 33% 88%), oklch(0.922 0.031 133.3)) est la plus proche de la couleur nommée Ghost Lichen. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DDEAD5
oklch(0.922 0.031 133.3)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- E0ECD9
- E4EEDD
- E7F0E2
- EBF2E6
- EEF5EA
- F1F7EE
- F5F9F2
- F8FBF7
- FCFDFB
Ombres
- C0CBB9
- A4AE9E
- 889183
- 6E756A
- 555A51
- 3D413A
- 262924
- 111310
- 020302
Tons
- D3DFCC
- CAD4C3
- C0C9BB
- B7BEB2
- ADB4AA
- A4A9A1
- 9B9F99
- 929490
- 898A88
Harmonies de couleurs
Complémentaire +180°
- DDEAD5
Ghost Lichen
- EDDFF4
≈ Divine Dove
Analogue -30° +30°
- DDEAD5
Ghost Lichen
- E8E6CF
≈ Light Fern Green
- D3ECDF
≈ Persian Fable
Triadique +120° +240°
- DDEAD5
Ghost Lichen
- D7E7FA
≈ Cloudless
- F9DDDF
≈ Blowing Kisses
Complémentaire divisée +150° +210°
- DDEAD5
Ghost Lichen
- E2E3FA
≈ Lavender Mist
- F5DDEA
≈ Ranunculus White
Tétradique +90° +180° +270°
- DDEAD5
Ghost Lichen
- D0EAF5
≈ Frosty Day
- EDDFF4
≈ Divine Dove
- F8DFD5
≈ Delicate Rose
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.24:1 · APCA Lc 12
Ag
AAASur noir
WCAG 16.80:1 · APCA Lc 92
Meilleure couleur de texte: #000000
WCAG 16.80:1 (AAA) · APCA Lc 92
Contrast pairs
Extraits de code
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);
}