Colore con nome · #E6E4D4
Satin Linen
Satin Linen è #E6E4D4: rgb(230 228 212), hsl(53 26% 87%), oklch(0.916 0.021 101). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Satin Linen color name →
#E6E4D4
oklch(0.916 0.021 101)
Conversioni di colore
- HEX
- #e6e4d4
- RGB
- rgb(230 228 212)
- HSL
- hsl(53 26% 87%)
- HWB
- hwb(53 83% 10%)
- OKLCH
- oklch(0.916 0.021 101)
- OKLab
- oklab(0.916 -0.004 0.021)
- CIE Lab
- lab(90.42 -1.34 8.09)
- LCH
- lch(90.42 8.2 99.4)
- CMYK
- cmyk(0% 1% 8% 10%)
Tinte · Ombre · Toni
Tinte
- E8E7D8
- EBE9DD
- EDECE1
- F0EFE5
- F2F1E9
- F5F4EE
- F7F7F2
- FAFAF6
- FCFCFB
Ombre
- C8C6B8
- ABA99D
- 8E8D83
- 737269
- 595851
- 403F3A
- 282824
- 131210
- 030302
Toni
- DBDACB
- D1CFC3
- C6C5BA
- BCBBB2
- B2B1A9
- A7A7A1
- 9D9D98
- 939390
- 8A8A88
Armonie di colore
Complementare +180°
- E6E4D4
Satin Linen
- E0E2F2
≈ Iris Ice
Analogo -30° +30°
- E6E4D4
Satin Linen
- EDE1D4
≈ Platinum Ogon Koi
- DEE6D8
≈ Lime Daiquiri
Triadico +120° +240°
- E6E4D4
Satin Linen
- D5E7ED
≈ Dream Blue
- EEDEE7
≈ Antarctic Love
Complementare divisa +150° +210°
- E6E4D4
Satin Linen
- D9E5F2
≈ Snowdrift Glow
- E8E0EE
≈ Romantic Cruise
Tetradico +90° +180° +270°
- E6E4D4
Satin Linen
- D4E8E7
≈ Plateau
- E0E2F2
≈ Iris Ice
- F1DEE0
≈ Ballerina Silk
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.27:1 · APCA Lc 14
Ag
AAASu nero
WCAG 16.41:1 · APCA Lc 90
Miglior colore del testo: #000000
WCAG 16.41:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--satin-linen: #e6e4d4;
--satin-linen-rgb: 230 228 212;
--satin-linen-oklch: oklch(0.916 0.021 101);
}
.element {
color: var(--satin-linen);
background-color: hsl(53 26% 87%);
border-color: oklch(0.916 0.021 101);
}Tailwind CSS v4
@theme {
--color-satin-linen: #e6e4d4;
--color-satin-linen-50: #f6f5ef;
--color-satin-linen-100: #e9e8e0;
--color-satin-linen-200: #d6d5ca;
--color-satin-linen-300: #b9b8ac;
--color-satin-linen-400: #a19f91;
--color-satin-linen-500: #898777;
--color-satin-linen-600: #747265;
--color-satin-linen-700: #5d5b50;
--color-satin-linen-800: #44433a;
--color-satin-linen-900: #2f2e28;
--color-satin-linen-950: #1c1b16;
}SCSS
$satin-linen: #e6e4d4;
$satin-linen-rgb: 230, 228, 212;
$satin-linen-light: mix(#fff, $satin-linen, 20%);
$satin-linen-dark: mix(#000, $satin-linen, 20%);
.element {
color: $satin-linen;
box-shadow: 0 0 0 2px rgba($satin-linen, 0.35);
}