Cor nomeada · #C7DEED
Empress Lila
Empress Lila é #C7DEED: rgb(199 222 237), hsl(204 51% 85%), oklch(0.888 0.032 236.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Empress Lila color name →
#C7DEED
oklch(0.888 0.032 236.4)
Conversões de cor
- HEX
- #c7deed
- RGB
- rgb(199 222 237)
- HSL
- hsl(204 51% 85%)
- HWB
- hwb(204 78% 7%)
- OKLCH
- oklch(0.888 0.032 236.4)
- OKLab
- oklab(0.888 -0.018 -0.027)
- CIE Lab
- lab(87.1 -5.64 -10.09)
- LCH
- lch(87.1 11.56 240.8)
- CMYK
- cmyk(16% 6% 0% 7%)
Tons claros · Sombras · Tons
Tons claros
- CDE1EF
- D2E5F1
- D8E8F2
- DDEBF4
- E3EEF6
- E9F2F8
- EEF5FA
- F4F8FB
- F9FCFD
Sombras
- ADC1CE
- 93A5B0
- 7A8993
- 626F77
- 4C555C
- 363D42
- 21262A
- 0E1214
- 020203
Tons
- C0D4E2
- B8CAD6
- B1C1CB
- AAB7C0
- A3AEB5
- 9CA5AA
- 959B9F
- 8E9295
- 87898A
Harmonias de cor
Complementar +180°
- C7DEED
Empress Lila
- ECD5C6
≈ Cornmeal Beige
Análoga -30° +30°
- C7DEED
Empress Lila
- C3E1E5
≈ Ambient Light
- D0DAF0
≈ Hawkes Blue
Tríade +120° +240°
- C7DEED
Empress Lila
- EDD2DB
≈ Distant Flare
- D8DDC6
≈ Silver Laurel
Complementar dividida +150° +210°
- C7DEED
Empress Lila
- EFD3CF
≈ Kobold Pink
- E3D9C3
≈ Mission White
Tétrade +90° +180° +270°
- C7DEED
Empress Lila
- E6D3E6
≈ Sonora Rose
- ECD5C6
≈ Cornmeal Beige
- CDE0CE
≈ Enchanted
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.39:1 · APCA Lc 19
Ag
AAASobre preto
WCAG 15.09:1 · APCA Lc 85
Melhor cor de texto: #000000
WCAG 15.09:1 (AAA) · APCA Lc 85
Contrast pairs
Trechos de código
CSS
:root {
--empress-lila: #c7deed;
--empress-lila-rgb: 199 222 237;
--empress-lila-oklch: oklch(0.888 0.032 236.4);
}
.element {
color: var(--empress-lila);
background-color: hsl(204 51% 85%);
border-color: oklch(0.888 0.032 236.4);
}Tailwind CSS v4
@theme {
--color-empress-lila: #c7deed;
--color-empress-lila-50: #edf7fd;
--color-empress-lila-100: #dfeaf2;
--color-empress-lila-200: #c8d7e1;
--color-empress-lila-300: #a9bac6;
--color-empress-lila-400: #8da2af;
--color-empress-lila-500: #728a99;
--color-empress-lila-600: #617581;
--color-empress-lila-700: #4d5d68;
--color-empress-lila-800: #38444c;
--color-empress-lila-900: #262f35;
--color-empress-lila-950: #141c20;
}SCSS
$empress-lila: #c7deed;
$empress-lila-rgb: 199, 222, 237;
$empress-lila-light: mix(#fff, $empress-lila, 20%);
$empress-lila-dark: mix(#000, $empress-lila, 20%);
.element {
color: $empress-lila;
box-shadow: 0 0 0 2px rgba($empress-lila, 0.35);
}