Color con nombre · #D8EEE7
Light Spirited
Light Spirited es #D8EEE7: rgb(216 238 231), hsl(161 39% 89%), oklch(0.931 0.025 174.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Light Spirited color name →
#D8EEE7
oklch(0.931 0.025 174.7)
Conversiones de color
- HEX
- #d8eee7
- RGB
- rgb(216 238 231)
- HSL
- hsl(161 39% 89%)
- HWB
- hwb(161 85% 7%)
- OKLCH
- oklch(0.931 0.025 174.7)
- OKLab
- oklab(0.931 -0.025 0.002)
- CIE Lab
- lab(92.32 -8.48 0.8)
- LCH
- lch(92.32 8.52 174.6)
- CMYK
- cmyk(9% 0% 3% 7%)
Tintes · Sombras · Tonos
Tintes
- DCF0E9
- E0F1EC
- E4F3EE
- E8F5F1
- ECF7F3
- EFF8F5
- F3FAF8
- F7FCFA
- FBFDFD
Sombras
- BCCFC9
- A0B1AB
- 85938F
- 6B7773
- 535C59
- 3B4240
- 252A28
- 111413
- 020303
Tonos
- CFE2DC
- C6D7D2
- BDCCC7
- B4C1BC
- ABB5B2
- A2ABA8
- 9AA09E
- 919594
- 888A8A
Armonías de color
Complementario +180°
- D8EEE7
Light Spirited
- F7E2E9
≈ First Crush
Análogo -30° +30°
- D8EEE7
Light Spirited
- DEEDDE
≈ Vanishing Point
- D6EDF0
≈ Sparkling River
Triádico +120° +240°
- D8EEE7
Light Spirited
- E9E5F8
≈ Cyber Lavender
- F6E4D9
≈ Cream Pink
Complementario dividido +150° +210°
- D8EEE7
Light Spirited
- F1E3F2
≈ Sheer Lavender
- F9E2E0
≈ Eased Pink
Tetrádico +90° +180° +270°
- D8EEE7
Light Spirited
- E0E8FA
≈ Glitter
- F7E2E9
≈ First Crush
- F0E7D6
≈ Remarkable Beige
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.21:1 · APCA Lc 11
Ag
AAASobre negro
WCAG 17.30:1 · APCA Lc 94
Mejor color de texto: #000000
WCAG 17.30:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmentos de código
CSS
:root {
--light-spirited: #d8eee7;
--light-spirited-rgb: 216 238 231;
--light-spirited-oklch: oklch(0.931 0.025 174.7);
}
.element {
color: var(--light-spirited);
background-color: hsl(161 39% 89%);
border-color: oklch(0.931 0.025 174.7);
}Tailwind CSS v4
@theme {
--color-light-spirited: #d8eee7;
--color-light-spirited-50: #eef8f5;
--color-light-spirited-100: #e0ebe7;
--color-light-spirited-200: #cad8d4;
--color-light-spirited-300: #abbcb7;
--color-light-spirited-400: #90a49d;
--color-light-spirited-500: #768c85;
--color-light-spirited-600: #647671;
--color-light-spirited-700: #505f5a;
--color-light-spirited-800: #3a4541;
--color-light-spirited-900: #28302d;
--color-light-spirited-950: #161c1a;
}SCSS
$light-spirited: #d8eee7;
$light-spirited-rgb: 216, 238, 231;
$light-spirited-light: mix(#fff, $light-spirited, 20%);
$light-spirited-dark: mix(#000, $light-spirited, 20%);
.element {
color: $light-spirited;
box-shadow: 0 0 0 2px rgba($light-spirited, 0.35);
}