Cor nomeada · #EEE6DB
Madonna Lily
Madonna Lily é #EEE6DB: rgb(238 230 219), hsl(35 36% 90%), oklch(0.928 0.017 76.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Madonna Lily color name →
#EEE6DB
oklch(0.928 0.017 76.1)
Conversões de cor
- HEX
- #eee6db
- RGB
- rgb(238 230 219)
- HSL
- hsl(35 36% 90%)
- HWB
- hwb(35 86% 7%)
- OKLCH
- oklch(0.928 0.017 76.1)
- OKLab
- oklab(0.928 0.004 0.017)
- CIE Lab
- lab(91.7 1.42 6.39)
- LCH
- lch(91.7 6.55 77.5)
- CMYK
- cmyk(0% 3% 8% 7%)
Tons claros · Sombras · Tons
Tons claros
- F0E8DF
- F1EBE2
- F3EDE6
- F5F0E9
- F6F2ED
- F8F5F1
- FAF7F4
- FCFAF8
- FDFCFB
Sombras
- CFC8BE
- B1ABA2
- 938E87
- 77736D
- 5C5954
- 42403C
- 2A2826
- 141311
- 030302
Tons
- E2DBD2
- D7D1C8
- CCC6BF
- C1BCB6
- B5B2AC
- AAA7A3
- A09D9A
- 959491
- 8A8A89
Harmonias de cor
Complementar +180°
- EEE6DB
Madonna Lily
- E0E8F3
≈ St. Petersburg
Análoga -30° +30°
- EEE6DB
Madonna Lily
- F2E4DE
≈ Aubergine Flesh
- E8E8DB
≈ Clear Sand
Tríade +120° +240°
- EEE6DB
Madonna Lily
- DBEBEB
≈ Blue Flax
- ECE4EF
≈ Modest Violet
Complementar dividida +150° +210°
- EEE6DB
Madonna Lily
- DCEAF0
≈ Frost Wind
- E6E6F3
≈ Lavender Syrup
Tétrade +90° +180° +270°
- EEE6DB
Madonna Lily
- DDEBE5
≈ Snowbound
- E0E8F3
≈ St. Petersburg
- F0E3EA
≈ Rosie Posie
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.23:1 · APCA Lc 12
Ag
AAASobre preto
WCAG 16.97:1 · APCA Lc 92
Melhor cor de texto: #000000
WCAG 16.97:1 (AAA) · APCA Lc 92
Contrast pairs
Trechos de código
CSS
:root {
--madonna-lily: #eee6db;
--madonna-lily-rgb: 238 230 219;
--madonna-lily-oklch: oklch(0.928 0.017 76.1);
}
.element {
color: var(--madonna-lily);
background-color: hsl(35 36% 90%);
border-color: oklch(0.928 0.017 76.1);
}Tailwind CSS v4
@theme {
--color-madonna-lily: #eee6db;
--color-madonna-lily-50: #f8f5f0;
--color-madonna-lily-100: #ebe7e2;
--color-madonna-lily-200: #d8d3cc;
--color-madonna-lily-300: #bcb6ae;
--color-madonna-lily-400: #a49d93;
--color-madonna-lily-500: #8d857a;
--color-madonna-lily-600: #777067;
--color-madonna-lily-700: #5f5a52;
--color-madonna-lily-800: #46423c;
--color-madonna-lily-900: #302d29;
--color-madonna-lily-950: #1d1a17;
}SCSS
$madonna-lily: #eee6db;
$madonna-lily-rgb: 238, 230, 219;
$madonna-lily-light: mix(#fff, $madonna-lily, 20%);
$madonna-lily-dark: mix(#000, $madonna-lily, 20%);
.element {
color: $madonna-lily;
box-shadow: 0 0 0 2px rgba($madonna-lily, 0.35);
}