Nazwany kolor · #E5F1EC
Egyptian White
Egyptian White to #E5F1EC: rgb(229 241 236), hsl(155 30% 92%), oklch(0.948 0.014 169.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Egyptian White color name →
#E5F1EC
oklch(0.948 0.014 169.2)
Konwersje koloru
- HEX
- #e5f1ec
- RGB
- rgb(229 241 236)
- HSL
- hsl(155 30% 92%)
- HWB
- hwb(155 90% 5%)
- OKLCH
- oklch(0.948 0.014 169.2)
- OKLab
- oklab(0.948 -0.014 0.003)
- CIE Lab
- lab(94.13 -4.79 0.97)
- LCH
- lch(94.13 4.89 168.5)
- CMYK
- cmyk(5% 0% 2% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8F2EE
- EAF4F0
- EDF5F2
- EFF7F4
- F2F8F5
- F5F9F7
- F7FBF9
- FAFCFB
- FCFEFD
Odcienie ciemniejsze
- C7D2CD
- AAB3AF
- 8E9592
- 727976
- 585D5B
- 3F4342
- 282B29
- 121413
- 030303
Tony
- DAE5E1
- D0D9D5
- C6CECA
- BBC2BF
- B1B7B4
- A7ACAA
- 9DA19F
- 939695
- 8A8B8A
Harmonie kolorów
Komplementarna +180°
- E5F1EC
Egyptian White
- F6EAEF
≈ Snow Plum
Analogowa -30° +30°
- E5F1EC
Egyptian White
- E9F0E7
≈ Trellis
- E3F1F1
≈ Cloud
Triada +120° +240°
- E5F1EC
Egyptian White
- EDECF7
≈ Silver Phoenix
- F6EBE5
≈ Naivete
Komplementarna rozszczepiona +150° +210°
- E5F1EC
Egyptian White
- F2EBF4
≈ Snow Plum
- F7EAEA
≈ Ballerina Gown
Tetrada +90° +180° +270°
- E5F1EC
Egyptian White
- E8EEF8
≈ First Snow
- F6EAEF
≈ Snow Plum
- F3EDE3
≈ Flurries
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.15:1 · APCA Lc 7
Ag
AAANa czerni
WCAG 18.12:1 · APCA Lc 97
Najlepszy kolor tekstu: #000000
WCAG 18.12:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--egyptian-white: #e5f1ec;
--egyptian-white-rgb: 229 241 236;
--egyptian-white-oklch: oklch(0.948 0.014 169.2);
}
.element {
color: var(--egyptian-white);
background-color: hsl(155 30% 92%);
border-color: oklch(0.948 0.014 169.2);
}Tailwind CSS v4
@theme {
--color-egyptian-white: #e5f1ec;
--color-egyptian-white-50: #f1f6f4;
--color-egyptian-white-100: #e3e9e7;
--color-egyptian-white-200: #ced6d3;
--color-egyptian-white-300: #b1bab6;
--color-egyptian-white-400: #97a19d;
--color-egyptian-white-500: #7d8984;
--color-egyptian-white-600: #6a7470;
--color-egyptian-white-700: #555d5a;
--color-egyptian-white-800: #3e4441;
--color-egyptian-white-900: #2b2f2d;
--color-egyptian-white-950: #181c1a;
}SCSS
$egyptian-white: #e5f1ec;
$egyptian-white-rgb: 229, 241, 236;
$egyptian-white-light: mix(#fff, $egyptian-white, 20%);
$egyptian-white-dark: mix(#000, $egyptian-white, 20%);
.element {
color: $egyptian-white;
box-shadow: 0 0 0 2px rgba($egyptian-white, 0.35);
}