Nazwany kolor · #EEE4E0
Irish Linen
Irish Linen to #EEE4E0: rgb(238 228 224), hsl(17 29% 91%), oklch(0.926 0.012 43.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Irish Linen color name →
#EEE4E0
oklch(0.926 0.012 43.3)
Konwersje koloru
- HEX
- #eee4e0
- RGB
- rgb(238 228 224)
- HSL
- hsl(17 29% 91%)
- HWB
- hwb(17 88% 7%)
- OKLCH
- oklch(0.926 0.012 43.3)
- OKLab
- oklab(0.926 0.009 0.008)
- CIE Lab
- lab(91.31 3 3.23)
- LCH
- lch(91.31 4.41 47.1)
- CMYK
- cmyk(0% 4% 6% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0E7E3
- F1E9E6
- F3ECE9
- F5EFEC
- F7F1EF
- F8F4F3
- FAF7F6
- FCFAF9
- FDFCFC
Odcienie ciemniejsze
- CFC6C3
- B1A9A6
- 938D8A
- 777270
- 5C5856
- 423F3E
- 2A2827
- 141212
- 030302
Tony
- E2DAD6
- D7CFCC
- CCC5C2
- C1BBB8
- B5B1AF
- ABA7A5
- A09D9C
- 959392
- 8A8A89
Harmonie kolorów
Komplementarna +180°
- EEE4E0
Irish Linen
- DEE8EC
≈ Moby Dick
Analogowa -30° +30°
- EEE4E0
Irish Linen
- EEE3E4
≈ Dulcet Pink
- ECE5DE
≈ Stone Quarry
Triada +120° +240°
- EEE4E0
Irish Linen
- E0E9E4
≈ Sea Pearl
- E5E6EF
≈ Lavender Syrup
Komplementarna rozszczepiona +150° +210°
- EEE4E0
Irish Linen
- DEE9E9
≈ Carefree
- E1E7EF
≈ Ghostly Tuna
Tetrada +90° +180° +270°
- EEE4E0
Irish Linen
- E3E8E0
≈ Spider Cotton
- DEE8EC
≈ Moby Dick
- E9E4EC
≈ Iris Isle
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.24:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 16.80:1 · APCA Lc 92
Najlepszy kolor tekstu: #000000
WCAG 16.80:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--irish-linen: #eee4e0;
--irish-linen-rgb: 238 228 224;
--irish-linen-oklch: oklch(0.926 0.012 43.3);
}
.element {
color: var(--irish-linen);
background-color: hsl(17 29% 91%);
border-color: oklch(0.926 0.012 43.3);
}Tailwind CSS v4
@theme {
--color-irish-linen: #eee4e0;
--color-irish-linen-50: #f8f4f2;
--color-irish-linen-100: #ece7e4;
--color-irish-linen-200: #d9d3d0;
--color-irish-linen-300: #bdb6b2;
--color-irish-linen-400: #a59c99;
--color-irish-linen-500: #8e8480;
--color-irish-linen-600: #78706c;
--color-irish-linen-700: #605956;
--color-irish-linen-800: #46413f;
--color-irish-linen-900: #312d2b;
--color-irish-linen-950: #1d1a19;
}SCSS
$irish-linen: #eee4e0;
$irish-linen-rgb: 238, 228, 224;
$irish-linen-light: mix(#fff, $irish-linen, 20%);
$irish-linen-dark: mix(#000, $irish-linen, 20%);
.element {
color: $irish-linen;
box-shadow: 0 0 0 2px rgba($irish-linen, 0.35);
}