Dichtstbijzijnde benoemde kleur · #E9DEF3
#E9DEF3
Dichtstbijzijnde benoemde kleur: Minute Mauve
#E9DEF3 (rgb(233 222 243), hsl(271 47% 91%), oklch(0.916 0.031 309.1)) komt het dichtst bij de benoemde kleur Minute Mauve. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#E9DEF3
oklch(0.916 0.031 309.1)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- EBE1F4
- EDE5F5
- F0E8F7
- F2EBF8
- F4EEF9
- F6F2FA
- F8F5FB
- FBF8FD
- FDFCFE
Schaduwen
- CBC1D3
- ADA5B4
- 908997
- 746F7A
- 5A555E
- 413D44
- 29262B
- 131214
- 030203
Tonen
- DED4E7
- D3CADB
- C8C1CF
- BEB7C3
- B3AEB8
- A9A4AC
- 9E9BA1
- 949296
- 8A898B
Kleurharmonieën
Complementair +180°
- E9DEF3
Minute Mauve
- DDE7D2
≈ Hollywood Asparagus
Analoog -30° +30°
- E9DEF3
Minute Mauve
- DEE2F8
≈ Lavender Mist
- F2DCEA
≈ Maiden of the Mist
Triadisch +120° +240°
- E9DEF3
Minute Mauve
- F1E0CE
≈ Naturale
- CDEAE7
≈ Source Blue
Gesplitst complementair +150° +210°
- E9DEF3
Minute Mauve
- E8E4CD
≈ Nylon
- D3EADC
≈ Persian Fable
Tetradisch +90° +180° +270°
- E9DEF3
Minute Mauve
- F6DDD4
≈ Touch of Blush
- DDE7D2
≈ Hollywood Asparagus
- CEE8F1
≈ On Thin Ice
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.29:1 · APCA Lc 15
Ag
AAAOp zwart
WCAG 16.20:1 · APCA Lc 89
Beste tekstkleur: #000000
WCAG 16.20:1 (AAA) · APCA Lc 89
Contrast pairs
Codefragmenten
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);
}