Benannte Farbe · #E6E4D4
Satin Linen
Satin Linen ist #E6E4D4: rgb(230 228 212), hsl(53 26% 87%), oklch(0.916 0.021 101). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Satin Linen color name →
#E6E4D4
oklch(0.916 0.021 101)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- E8E7D8
- EBE9DD
- EDECE1
- F0EFE5
- F2F1E9
- F5F4EE
- F7F7F2
- FAFAF6
- FCFCFB
Shades
- C8C6B8
- ABA99D
- 8E8D83
- 737269
- 595851
- 403F3A
- 282824
- 131210
- 030302
Tones
- DBDACB
- D1CFC3
- C6C5BA
- BCBBB2
- B2B1A9
- A7A7A1
- 9D9D98
- 939390
- 8A8A88
Farbharmonien
Komplementär +180°
- E6E4D4
Satin Linen
- E0E2F2
≈ Iris Ice
Analog -30° +30°
- E6E4D4
Satin Linen
- EDE1D4
≈ Platinum Ogon Koi
- DEE6D8
≈ Lime Daiquiri
Triadisch +120° +240°
- E6E4D4
Satin Linen
- D5E7ED
≈ Dream Blue
- EEDEE7
≈ Antarctic Love
Geteilt komplementär +150° +210°
- E6E4D4
Satin Linen
- D9E5F2
≈ Snowdrift Glow
- E8E0EE
≈ Romantic Cruise
Tetradisch +90° +180° +270°
- E6E4D4
Satin Linen
- D4E8E7
≈ Plateau
- E0E2F2
≈ Iris Ice
- F1DEE0
≈ Ballerina Silk
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.27:1 · APCA Lc 14
Ag
AAAAuf Schwarz
WCAG 16.41:1 · APCA Lc 90
Beste Textfarbe: #000000
WCAG 16.41:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
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);
}