Adlandırılmış renk · #E6DFE8
Minified Magenta
Minified Magenta, #E6DFE8: rgb(230 223 232), hsl(287 16% 89%), oklch(0.912 0.014 318.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Minified Magenta color name →
#E6DFE8
oklch(0.912 0.014 318.7)
Renk dönüşümleri
- HEX
- #e6dfe8
- RGB
- rgb(230 223 232)
- HSL
- hsl(287 16% 89%)
- HWB
- hwb(287 87% 9%)
- OKLCH
- oklch(0.912 0.014 318.7)
- OKLab
- oklab(0.912 0.011 -0.009)
- CIE Lab
- lab(89.58 3.66 -3.52)
- LCH
- lch(89.58 5.08 316.1)
- CMYK
- cmyk(1% 4% 0% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E8E2EA
- EBE5ED
- EDE9EF
- F0ECF1
- F2EFF3
- F5F2F6
- F7F5F8
- FAF9FA
- FCFCFD
Koyu tonlar
- C8C2CA
- ABA5AC
- 8E8A90
- 736F74
- 595659
- 403D40
- 282729
- 131213
- 030203
Gri tonlar
- DBD5DD
- D1CBD2
- C6C2C8
- BCB8BD
- B2AEB3
- A7A5A8
- 9D9B9E
- 949294
- 8A898A
Renk uyumları
Tamamlayıcı +180°
- E6DFE8
Minified Magenta
- DDE4DB
≈ Morning Rush
Analog -30° +30°
- E6DFE8
Minified Magenta
- E1E1EB
≈ Homoeopathic Lilac
- EADEE3
≈ Weak Mauve
Üçlü +120° +240°
- E6DFE8
Minified Magenta
- E7E1D8
≈ White Heron
- D8E5E5
≈ Fluffy Slippers
Bölünmüş tamamlayıcı +150° +210°
- E6DFE8
Minified Magenta
- E2E3D8
≈ Wisdom
- D9E5E0
≈ Melting Snowman
Dörtlü +90° +180° +270°
- E6DFE8
Minified Magenta
- EADFDA
≈ Cameo Stone
- DDE4DB
≈ Morning Rush
- D9E4E9
≈ Baby’s Breath
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.30:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 16.08:1 · APCA Lc 89
En iyi metin rengi: #000000
WCAG 16.08:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--minified-magenta: #e6dfe8;
--minified-magenta-rgb: 230 223 232;
--minified-magenta-oklch: oklch(0.912 0.014 318.7);
}
.element {
color: var(--minified-magenta);
background-color: hsl(287 16% 89%);
border-color: oklch(0.912 0.014 318.7);
}Tailwind CSS v4
@theme {
--color-minified-magenta: #e6dfe8;
--color-minified-magenta-50: #f7f4f8;
--color-minified-magenta-100: #eae6eb;
--color-minified-magenta-200: #d7d2d8;
--color-minified-magenta-300: #bbb5bc;
--color-minified-magenta-400: #a29ca4;
--color-minified-magenta-500: #8a838c;
--color-minified-magenta-600: #756f77;
--color-minified-magenta-700: #5e595f;
--color-minified-magenta-800: #444146;
--color-minified-magenta-900: #2f2d30;
--color-minified-magenta-950: #1c1a1c;
}SCSS
$minified-magenta: #e6dfe8;
$minified-magenta-rgb: 230, 223, 232;
$minified-magenta-light: mix(#fff, $minified-magenta, 20%);
$minified-magenta-dark: mix(#000, $minified-magenta, 20%);
.element {
color: $minified-magenta;
box-shadow: 0 0 0 2px rgba($minified-magenta, 0.35);
}