Colore con nome · #ECE0C4
Sailcloth
Sailcloth è #ECE0C4: rgb(236 224 196), hsl(42 51% 85%), oklch(0.909 0.039 87.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Sailcloth color name →
#ECE0C4
oklch(0.909 0.039 87.6)
Conversioni di colore
- HEX
- #ece0c4
- RGB
- rgb(236 224 196)
- HSL
- hsl(42 51% 85%)
- HWB
- hwb(42 77% 7%)
- OKLCH
- oklch(0.909 0.039 87.6)
- OKLab
- oklab(0.909 0.002 0.039)
- CIE Lab
- lab(89.6 0.9 15.32)
- LCH
- lch(89.6 15.34 86.6)
- CMYK
- cmyk(0% 5% 17% 7%)
Tinte · Ombre · Toni
Tinte
- EEE3CA
- F0E6D0
- F2E9D6
- F4ECDC
- F5EFE1
- F7F3E7
- F9F6ED
- FBF9F3
- FDFCF9
Ombre
- CDC3AA
- AFA691
- 928A78
- 767061
- 5B564A
- 423E35
- 292721
- 13120E
- 030202
Toni
- E1D6BD
- D5CCB6
- CAC2AF
- BFB8A8
- B5AFA2
- AAA59B
- 9F9C94
- 95928D
- 8A8987
Armonie di colore
Complementare +180°
- ECE0C4
Sailcloth
- D5E1FC
≈ Puffy Cloud
Analogo -30° +30°
- ECE0C4
Sailcloth
- F6DBC8
≈ Mountain Fog
- DEE5C8
≈ Frost
Triadico +120° +240°
- ECE0C4
Sailcloth
- C4E9EE
≈ Niagara Mist
- F0D8EF
≈ Grape Taffy
Complementare divisa +150° +210°
- ECE0C4
Sailcloth
- CAE6F8
≈ Icy Landscape
- E3DCF9
≈ Contrail
Tetradico +90° +180° +270°
- ECE0C4
Sailcloth
- C6EAE1
≈ Clear Aqua
- D5E1FC
≈ Puffy Cloud
- F8D7E1
≈ Pink Frosting
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.31:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.02:1 · APCA Lc 88
Miglior colore del testo: #000000
WCAG 16.02:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--sailcloth: #ece0c4;
--sailcloth-rgb: 236 224 196;
--sailcloth-oklch: oklch(0.909 0.039 87.6);
}
.element {
color: var(--sailcloth);
background-color: hsl(42 51% 85%);
border-color: oklch(0.909 0.039 87.6);
}Tailwind CSS v4
@theme {
--color-sailcloth: #ece0c4;
--color-sailcloth-50: #f9f5e9;
--color-sailcloth-100: #ede8d9;
--color-sailcloth-200: #dbd4c2;
--color-sailcloth-300: #bfb7a1;
--color-sailcloth-400: #a89d84;
--color-sailcloth-500: #918569;
--color-sailcloth-600: #7b7159;
--color-sailcloth-700: #625a47;
--color-sailcloth-800: #494233;
--color-sailcloth-900: #322d23;
--color-sailcloth-950: #1e1a12;
}SCSS
$sailcloth: #ece0c4;
$sailcloth-rgb: 236, 224, 196;
$sailcloth-light: mix(#fff, $sailcloth, 20%);
$sailcloth-dark: mix(#000, $sailcloth, 20%);
.element {
color: $sailcloth;
box-shadow: 0 0 0 2px rgba($sailcloth, 0.35);
}