En yakın adlandırılmış renk · #E4E4F3
#E4E4F3
En yakın adlandırılmış renk: Homoeopathic Lilac
#E4E4F3 (rgb(228 228 243), hsl(240 38% 92%), oklch(0.923 0.02 286)) en çok Homoeopathic 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.
#E4E4F3
oklch(0.923 0.02 286)
Renk dönüşümleri
- HEX
- #e4e4f3
- RGB
- rgb(228 228 243)
- HSL
- hsl(240 38% 92%)
- HWB
- hwb(240 89% 5%)
- OKLCH
- oklch(0.923 0.02 286)
- OKLab
- oklab(0.923 0.006 -0.019)
- CIE Lab
- lab(90.92 2.06 -7.31)
- LCH
- lch(90.92 7.6 285.8)
- CMYK
- cmyk(6% 6% 0% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E7E7F4
- E9E9F5
- ECECF7
- EFEFF8
- F1F1F9
- F4F4FA
- F7F7FB
- FAFAFD
- FCFCFE
Koyu tonlar
- C6C6D3
- A9A9B4
- 8D8D97
- 72727A
- 58585E
- 3F3F44
- 28282B
- 121214
- 030303
Gri tonlar
- DADAE7
- CFCFDB
- C5C5CF
- BBBBC3
- B1B1B8
- A7A7AC
- 9D9DA1
- 939396
- 898A8B
Renk uyumları
Tamamlayıcı +180°
- E4E4F3
Homoeopathic Lilac
- E7E7D8
≈ Carrara Marble
Analog -30° +30°
- E4E4F3
Homoeopathic Lilac
- DDE7F3
≈ St. Petersburg
- EBE2EF
≈ Faded Fuchsia
Üçlü +120° +240°
- E4E4F3
Homoeopathic Lilac
- F2E2DB
≈ Brandy Alexander
- DAEAE2
≈ Green Emulsion
Bölünmüş tamamlayıcı +150° +210°
- E4E4F3
Homoeopathic Lilac
- EEE4D7
≈ Farmers Milk
- E0E9DC
≈ Pergola Panorama
Dörtlü +90° +180° +270°
- E4E4F3
Homoeopathic Lilac
- F3E1E1
≈ Cute Little Pink
- E7E7D8
≈ Carrara Marble
- D7EAEA
≈ Water Squirt
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.25:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.69:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.69:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--homoeopathic-lilac: #e4e4f3;
--homoeopathic-lilac-rgb: 228 228 243;
--homoeopathic-lilac-oklch: oklch(0.923 0.02 286);
}
.element {
color: var(--homoeopathic-lilac);
background-color: hsl(240 38% 92%);
border-color: oklch(0.923 0.02 286);
}Tailwind CSS v4
@theme {
--color-homoeopathic-lilac: #e4e4f3;
--color-homoeopathic-lilac-50: #f5f4fb;
--color-homoeopathic-lilac-100: #e7e7ee;
--color-homoeopathic-lilac-200: #d3d3dd;
--color-homoeopathic-lilac-300: #b6b6c1;
--color-homoeopathic-lilac-400: #9d9daa;
--color-homoeopathic-lilac-500: #858493;
--color-homoeopathic-lilac-600: #70707d;
--color-homoeopathic-lilac-700: #5a5a64;
--color-homoeopathic-lilac-800: #414249;
--color-homoeopathic-lilac-900: #2d2d33;
--color-homoeopathic-lilac-950: #1a1a1f;
}SCSS
$homoeopathic-lilac: #e4e4f3;
$homoeopathic-lilac-rgb: 228, 228, 243;
$homoeopathic-lilac-light: mix(#fff, $homoeopathic-lilac, 20%);
$homoeopathic-lilac-dark: mix(#000, $homoeopathic-lilac, 20%);
.element {
color: $homoeopathic-lilac;
box-shadow: 0 0 0 2px rgba($homoeopathic-lilac, 0.35);
}