Nazwany kolor · #E6E1C7
Ineffable Linen
Ineffable Linen to #E6E1C7: rgb(230 225 199), hsl(50 38% 84%), oklch(0.907 0.035 98.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Ineffable Linen color name →
#E6E1C7
oklch(0.907 0.035 98.1)
Konwersje koloru
- HEX
- #e6e1c7
- RGB
- rgb(230 225 199)
- HSL
- hsl(50 38% 84%)
- HWB
- hwb(50 78% 10%)
- OKLCH
- oklch(0.907 0.035 98.1)
- OKLab
- oklab(0.907 -0.005 0.035)
- CIE Lab
- lab(89.41 -1.45 13.42)
- LCH
- lch(89.41 13.49 96.2)
- CMYK
- cmyk(0% 2% 13% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8E4CD
- EBE7D2
- EDEAD8
- F0EDDD
- F2F0E3
- F5F3E9
- F7F6EE
- FAF9F4
- FCFCF9
Odcienie ciemniejsze
- C8C4AD
- ABA793
- 8E8B7A
- 737062
- 59564C
- 403E36
- 282721
- 13120E
- 030202
Tony
- DBD7C0
- D1CDB8
- C6C3B1
- BCB9AA
- B2AFA3
- A7A69C
- 9D9C95
- 93938E
- 8A8987
Harmonie kolorów
Komplementarna +180°
- E6E1C7
Ineffable Linen
- DADFF8
≈ Nostalgia Perfume
Analogowa -30° +30°
- E6E1C7
Ineffable Linen
- F0DDC8
≈ Golden Retriever
- D9E5CD
≈ Light Lime Sherbet
Triada +120° +240°
- E6E1C7
Ineffable Linen
- C8E6F0
≈ Sapphireberry
- F1D8E8
≈ Samantha’s Room
Komplementarna rozszczepiona +150° +210°
- E6E1C7
Ineffable Linen
- CFE3F7
≈ Salty Ice
- E7DBF3
≈ Lingering Lilac
Tetrada +90° +180° +270°
- E6E1C7
Ineffable Linen
- C7E8E4
≈ Polar Expedition
- DADFF8
≈ Nostalgia Perfume
- F6D7DC
≈ Cherub
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.31:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.95:1 · APCA Lc 88
Najlepszy kolor tekstu: #000000
WCAG 15.95:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--ineffable-linen: #e6e1c7;
--ineffable-linen-rgb: 230 225 199;
--ineffable-linen-oklch: oklch(0.907 0.035 98.1);
}
.element {
color: var(--ineffable-linen);
background-color: hsl(50 38% 84%);
border-color: oklch(0.907 0.035 98.1);
}Tailwind CSS v4
@theme {
--color-ineffable-linen: #e6e1c7;
--color-ineffable-linen-50: #f7f6ea;
--color-ineffable-linen-100: #eae8db;
--color-ineffable-linen-200: #d7d5c4;
--color-ineffable-linen-300: #bbb8a4;
--color-ineffable-linen-400: #a49f88;
--color-ineffable-linen-500: #8c876c;
--color-ineffable-linen-600: #76725c;
--color-ineffable-linen-700: #5f5b49;
--color-ineffable-linen-800: #464335;
--color-ineffable-linen-900: #302e24;
--color-ineffable-linen-950: #1d1b13;
}SCSS
$ineffable-linen: #e6e1c7;
$ineffable-linen-rgb: 230, 225, 199;
$ineffable-linen-light: mix(#fff, $ineffable-linen, 20%);
$ineffable-linen-dark: mix(#000, $ineffable-linen, 20%);
.element {
color: $ineffable-linen;
box-shadow: 0 0 0 2px rgba($ineffable-linen, 0.35);
}