Nearest named color · #DDECD8
#DDECD8
Nearest named color: Ghost Lichen
#DDECD8 (rgb(221 236 216), hsl(105 34% 89%), oklch(0.926 0.031 137.8)) is closest to the named color Ghost Lichen. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#DDECD8
oklch(0.926 0.031 137.8)
Color conversions
- HEX
- #ddecd8
- RGB
- rgb(221 236 216)
- HSL
- hsl(105 34% 89%)
- HWB
- hwb(105 85% 7%)
- OKLCH
- oklch(0.926 0.031 137.8)
- OKLab
- oklab(0.926 -0.023 0.021)
- CIE Lab
- lab(91.86 -7.83 7.94)
- LCH
- lch(91.86 11.15 134.6)
- CMYK
- cmyk(6% 0% 8% 7%)
Tints · Shades · Tones
Tints
- E0EEDC
- E4F0E0
- E7F2E4
- EBF4E8
- EEF6EB
- F1F7EF
- F5F9F3
- F8FBF7
- FCFDFB
Shades
- C0CDBC
- A4AFA0
- 889285
- 6E766B
- 555B53
- 3D423B
- 262925
- 111311
- 020302
Tones
- D3E1CF
- CAD5C6
- C0CABD
- B7BFB4
- ADB5AB
- A4AAA2
- 9B9F9A
- 929591
- 898A88
Color harmonies
Complementary +180°
- DDECD8
Ghost Lichen
- F0E1F5
≈ Sheer Lavender
Analogous -30° +30°
- DDECD8
Ghost Lichen
- E8E9D1
≈ Magical Melon
- D4EEE3
≈ Warm Winter
Triadic +120° +240°
- DDECD8
Ghost Lichen
- DAE8FC
≈ Cloudless
- FBDFDF
≈ Dawn Patrol
Split-complementary +150° +210°
- DDECD8
Ghost Lichen
- E5E4FB
≈ Lavender Mist
- F8DFEA
≈ Pork Belly
Tetradic +90° +180° +270°
- DDECD8
Ghost Lichen
- D2EBF7
≈ Freezing Vapour
- F0E1F5
≈ Sheer Lavender
- F9E1D5
≈ Mette Penne
Contrast & accessibility
Ag
FailOn white
WCAG 1.23:1 · APCA Lc 11
Ag
AAAOn black
WCAG 17.06:1 · APCA Lc 93
Best text color: #000000
WCAG 17.06:1 (AAA) · APCA Lc 93
Contrast pairs
Code snippets
CSS
:root {
--ghost-lichen: #ddecd8;
--ghost-lichen-rgb: 221 236 216;
--ghost-lichen-oklch: oklch(0.926 0.031 137.8);
}
.element {
color: var(--ghost-lichen);
background-color: hsl(105 34% 89%);
border-color: oklch(0.926 0.031 137.8);
}Tailwind CSS v4
@theme {
--color-ghost-lichen: #ddecd8;
--color-ghost-lichen-50: #f1f7ef;
--color-ghost-lichen-100: #e3ebe1;
--color-ghost-lichen-200: #ced8cb;
--color-ghost-lichen-300: #afbcad;
--color-ghost-lichen-400: #96a391;
--color-ghost-lichen-500: #7c8b77;
--color-ghost-lichen-600: #697665;
--color-ghost-lichen-700: #545e51;
--color-ghost-lichen-800: #3e453a;
--color-ghost-lichen-900: #2a3028;
--color-ghost-lichen-950: #181c16;
}SCSS
$ghost-lichen: #ddecd8;
$ghost-lichen-rgb: 221, 236, 216;
$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);
}