En yakın adlandırılmış renk · #E9DEF3
#E9DEF3
En yakın adlandırılmış renk: Minute Mauve
#E9DEF3 (rgb(233 222 243), hsl(271 47% 91%), oklch(0.916 0.031 309.1)) en çok Minute Mauve adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#E9DEF3
oklch(0.916 0.031 309.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EBE1F4
- EDE5F5
- F0E8F7
- F2EBF8
- F4EEF9
- F6F2FA
- F8F5FB
- FBF8FD
- FDFCFE
Koyu tonlar
- CBC1D3
- ADA5B4
- 908997
- 746F7A
- 5A555E
- 413D44
- 29262B
- 131214
- 030203
Gri tonlar
- DED4E7
- D3CADB
- C8C1CF
- BEB7C3
- B3AEB8
- A9A4AC
- 9E9BA1
- 949296
- 8A898B
Renk uyumları
Tamamlayıcı +180°
- E9DEF3
Minute Mauve
- DDE7D2
≈ Hollywood Asparagus
Analog -30° +30°
- E9DEF3
Minute Mauve
- DEE2F8
≈ Lavender Mist
- F2DCEA
≈ Maiden of the Mist
Üçlü +120° +240°
- E9DEF3
Minute Mauve
- F1E0CE
≈ Naturale
- CDEAE7
≈ Source Blue
Bölünmüş tamamlayıcı +150° +210°
- E9DEF3
Minute Mauve
- E8E4CD
≈ Nylon
- D3EADC
≈ Persian Fable
Dörtlü +90° +180° +270°
- E9DEF3
Minute Mauve
- F6DDD4
≈ Touch of Blush
- DDE7D2
≈ Hollywood Asparagus
- CEE8F1
≈ On Thin Ice
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.29:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 16.20:1 · APCA Lc 89
En iyi metin rengi: #000000
WCAG 16.20:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
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);
}