Colore con nome · #D8E6CE
Light Lime Sherbet
Light Lime Sherbet è #D8E6CE: rgb(216 230 206), hsl(95 32% 85%), oklch(0.908 0.035 132). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Light Lime Sherbet color name →
#D8E6CE
oklch(0.908 0.035 132)
Conversioni di colore
- HEX
- #d8e6ce
- RGB
- rgb(216 230 206)
- HSL
- hsl(95 32% 85%)
- HWB
- hwb(95 81% 10%)
- OKLCH
- oklch(0.908 0.035 132)
- OKLab
- oklab(0.908 -0.024 0.026)
- CIE Lab
- lab(89.74 -8.02 10.06)
- LCH
- lch(89.74 12.87 128.6)
- CMYK
- cmyk(6% 0% 10% 10%)
Tinte · Ombre · Toni
Tinte
- DCE9D3
- E0EBD8
- E4EEDD
- E7F0E2
- EBF3E6
- EFF5EB
- F3F8F0
- F7FAF5
- FBFCFA
Ombre
- BCC8B3
- A0AB98
- 858E7F
- 6B7366
- 53594E
- 3B4038
- 252823
- 11130F
- 020302
Toni
- CFDBC6
- C6D1BE
- BDC6B6
- B4BCAE
- ABB2A6
- A2A89E
- 9A9D97
- 91948F
- 888A88
Armonie di colore
Complementare +180°
- D8E6CE
Light Lime Sherbet
- E9DAF2
≈ Pouty Purple
Analogo -30° +30°
- D8E6CE
Light Lime Sherbet
- E5E2C7
≈ Ineffable Linen
- CDE8D9
≈ Misty Glen
Triadico +120° +240°
- D8E6CE
Light Lime Sherbet
- D0E3F8
≈ Weathered Blue
- F7D8DA
≈ Frosted Tulip
Complementare divisa +150° +210°
- D8E6CE
Light Lime Sherbet
- DCDEF8
≈ Nostalgia Perfume
- F2D8E7
≈ Samantha’s Room
Tetradico +90° +180° +270°
- D8E6CE
Light Lime Sherbet
- C8E7F2
≈ Sapphireberry
- E9DAF2
≈ Pouty Purple
- F6DACF
≈ Possibly Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.30:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.12:1 · APCA Lc 89
Miglior colore del testo: #000000
WCAG 16.12:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--light-lime-sherbet: #d8e6ce;
--light-lime-sherbet-rgb: 216 230 206;
--light-lime-sherbet-oklch: oklch(0.908 0.035 132);
}
.element {
color: var(--light-lime-sherbet);
background-color: hsl(95 32% 85%);
border-color: oklch(0.908 0.035 132);
}Tailwind CSS v4
@theme {
--color-light-lime-sherbet: #d8e6ce;
--color-light-lime-sherbet-50: #f1f8ed;
--color-light-lime-sherbet-100: #e3ebdf;
--color-light-lime-sherbet-200: #ced8c9;
--color-light-lime-sherbet-300: #b0bcaa;
--color-light-lime-sherbet-400: #97a38e;
--color-light-lime-sherbet-500: #7e8b73;
--color-light-lime-sherbet-600: #6a7662;
--color-light-lime-sherbet-700: #555e4e;
--color-light-lime-sherbet-800: #3e4538;
--color-light-lime-sherbet-900: #2b3026;
--color-light-lime-sherbet-950: #181c15;
}SCSS
$light-lime-sherbet: #d8e6ce;
$light-lime-sherbet-rgb: 216, 230, 206;
$light-lime-sherbet-light: mix(#fff, $light-lime-sherbet, 20%);
$light-lime-sherbet-dark: mix(#000, $light-lime-sherbet, 20%);
.element {
color: $light-lime-sherbet;
box-shadow: 0 0 0 2px rgba($light-lime-sherbet, 0.35);
}