En yakın adlandırılmış renk · #E4CCD8
#E4CCD8
En yakın adlandırılmış renk: Matt Lilac
#E4CCD8 (rgb(228 204 216), hsl(330 31% 85%), oklch(0.869 0.031 346.1)) en çok Matt Lilac 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.
#E4CCD8
oklch(0.869 0.031 346.1)
Renk dönüşümleri
- HEX
- #e4ccd8
- RGB
- rgb(228 204 216)
- HSL
- hsl(330 31% 85%)
- HWB
- hwb(330 80% 11%)
- OKLCH
- oklch(0.869 0.031 346.1)
- OKLab
- oklab(0.869 0.03 -0.007)
- CIE Lab
- lab(84.34 10.18 -2.75)
- LCH
- lch(84.34 10.54 344.9)
- CMYK
- cmyk(0% 11% 5% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E7D1DC
- E9D6E0
- ECDBE4
- EFE0E7
- F2E5EB
- F4EAEF
- F7F0F3
- FAF5F7
- FCFAFB
Koyu tonlar
- C6B1BC
- A997A0
- 8D7E85
- 72656B
- 584E53
- 3F373B
- 282225
- 120F11
- 030202
Gri tonlar
- DAC4CF
- CFBCC6
- C5B5BD
- BBADB4
- B1A5AB
- A79EA2
- 9D969A
- 938F91
- 8A8788
Renk uyumları
Tamamlayıcı +180°
- E4CCD8
Matt Lilac
- C2DBCF
≈ Micaceous Green
Analog -30° +30°
- E4CCD8
Matt Lilac
- DCCEE2
≈ Mountain’s Majesty
- E8CCCD
≈ Mauve Morn
Üçlü +120° +240°
- E4CCD8
Matt Lilac
- D6D5BE
≈ Pale Cucumber
- BFD9E4
≈ Distant Shore
Bölünmüş tamamlayıcı +150° +210°
- E4CCD8
Matt Lilac
- CBD9C5
≈ Garden Mint
- BDDBDA
≈ Misty Aqua
Dörtlü +90° +180° +270°
- E4CCD8
Matt Lilac
- E0D1BE
≈ Maison Blanche
- C2DBCF
≈ Micaceous Green
- C7D5E9
≈ Light Radar
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.50:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.92:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.92:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--matt-lilac: #e4ccd8;
--matt-lilac-rgb: 228 204 216;
--matt-lilac-oklch: oklch(0.869 0.031 346.1);
}
.element {
color: var(--matt-lilac);
background-color: hsl(330 31% 85%);
border-color: oklch(0.869 0.031 346.1);
}Tailwind CSS v4
@theme {
--color-matt-lilac: #e4ccd8;
--color-matt-lilac-50: #fcf2f7;
--color-matt-lilac-100: #f0e4ea;
--color-matt-lilac-200: #dfcfd6;
--color-matt-lilac-300: #c4b1ba;
--color-matt-lilac-400: #ad97a2;
--color-matt-lilac-500: #967e8a;
--color-matt-lilac-600: #7f6b75;
--color-matt-lilac-700: #66555e;
--color-matt-lilac-800: #4b3e45;
--color-matt-lilac-900: #342b30;
--color-matt-lilac-950: #1f181c;
}SCSS
$matt-lilac: #e4ccd8;
$matt-lilac-rgb: 228, 204, 216;
$matt-lilac-light: mix(#fff, $matt-lilac, 20%);
$matt-lilac-dark: mix(#000, $matt-lilac, 20%);
.element {
color: $matt-lilac;
box-shadow: 0 0 0 2px rgba($matt-lilac, 0.35);
}