Cor nomeada mais próxima · #E9DEF3
#E9DEF3
Cor nomeada mais próxima: Minute Mauve
#E9DEF3 (rgb(233 222 243), hsl(271 47% 91%), oklch(0.916 0.031 309.1)) é mais próxima da cor nomeada Minute Mauve. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E9DEF3
oklch(0.916 0.031 309.1)
Conversões de cor
- HEX
- #e9def3
- RGB
- rgb(233 222 243)
- HSL
- hsl(271 47% 91%)
- HWB
- hwb(271 87% 5%)
- OKLCH
- oklch(0.916 0.031 309.1)
- OKLab
- oklab(0.916 0.019 -0.024)
- CIE Lab
- lab(89.83 6.7 -8.86)
- LCH
- lch(89.83 11.11 307.1)
- CMYK
- cmyk(4% 9% 0% 5%)
Tons claros · Sombras · Tons
Tons claros
- EBE1F4
- EDE5F5
- F0E8F7
- F2EBF8
- F4EEF9
- F6F2FA
- F8F5FB
- FBF8FD
- FDFCFE
Sombras
- CBC1D3
- ADA5B4
- 908997
- 746F7A
- 5A555E
- 413D44
- 29262B
- 131214
- 030203
Tons
- DED4E7
- D3CADB
- C8C1CF
- BEB7C3
- B3AEB8
- A9A4AC
- 9E9BA1
- 949296
- 8A898B
Harmonias de cor
Complementar +180°
- E9DEF3
Minute Mauve
- DDE7D2
≈ Hollywood Asparagus
Análoga -30° +30°
- E9DEF3
Minute Mauve
- DEE2F8
≈ Lavender Mist
- F2DCEA
≈ Maiden of the Mist
Tríade +120° +240°
- E9DEF3
Minute Mauve
- F1E0CE
≈ Naturale
- CDEAE7
≈ Source Blue
Complementar dividida +150° +210°
- E9DEF3
Minute Mauve
- E8E4CD
≈ Nylon
- D3EADC
≈ Persian Fable
Tétrade +90° +180° +270°
- E9DEF3
Minute Mauve
- F6DDD4
≈ Touch of Blush
- DDE7D2
≈ Hollywood Asparagus
- CEE8F1
≈ On Thin Ice
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.29:1 · APCA Lc 15
Ag
AAASobre preto
WCAG 16.20:1 · APCA Lc 89
Melhor cor de texto: #000000
WCAG 16.20:1 (AAA) · APCA Lc 89
Contrast pairs
Trechos de código
CSS
:root {
--minute-mauve: #e9def3;
--minute-mauve-rgb: 233 222 243;
--minute-mauve-oklch: oklch(0.916 0.031 309.1);
}
.element {
color: var(--minute-mauve);
background-color: hsl(271 47% 91%);
border-color: oklch(0.916 0.031 309.1);
}Tailwind CSS v4
@theme {
--color-minute-mauve: #e9def3;
--color-minute-mauve-50: #f8f3fc;
--color-minute-mauve-100: #ebe5f0;
--color-minute-mauve-200: #d8d1de;
--color-minute-mauve-300: #bcb3c3;
--color-minute-mauve-400: #a49aac;
--color-minute-mauve-500: #8c8196;
--color-minute-mauve-600: #766d7f;
--color-minute-mauve-700: #5f5765;
--color-minute-mauve-800: #45404b;
--color-minute-mauve-900: #302c34;
--color-minute-mauve-950: #1c191f;
}SCSS
$minute-mauve: #e9def3;
$minute-mauve-rgb: 233, 222, 243;
$minute-mauve-light: mix(#fff, $minute-mauve, 20%);
$minute-mauve-dark: mix(#000, $minute-mauve, 20%);
.element {
color: $minute-mauve;
box-shadow: 0 0 0 2px rgba($minute-mauve, 0.35);
}