Benannte Farbe · #F3E0EB
Taffeta Tint
Taffeta Tint ist #F3E0EB: rgb(243 224 235), hsl(325 44% 92%), oklch(0.925 0.025 341.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Taffeta Tint color name →
#F3E0EB
oklch(0.925 0.025 341.9)
Farbumrechnungen
- HEX
- #f3e0eb
- RGB
- rgb(243 224 235)
- HSL
- hsl(325 44% 92%)
- HWB
- hwb(325 88% 5%)
- OKLCH
- oklch(0.925 0.025 341.9)
- OKLab
- oklab(0.925 0.024 -0.008)
- CIE Lab
- lab(90.97 8.12 -2.91)
- LCH
- lch(90.97 8.62 340.3)
- CMYK
- cmyk(0% 8% 3% 5%)
Tints · Shades · Tones
Tints
- F4E3ED
- F5E6EF
- F7E9F1
- F8ECF3
- F9EFF5
- FAF3F7
- FBF6F9
- FDF9FB
- FEFCFD
Shades
- D3C3CC
- B4A6AE
- 978A91
- 7A7075
- 5E565B
- 443E41
- 2B2729
- 141213
- 030203
Tones
- E7D6E0
- DBCCD5
- CFC2CA
- C3B8BF
- B8AFB4
- ACA5A9
- A19C9F
- 969294
- 8B898A
Farbharmonien
Komplementär +180°
- F3E0EB
Taffeta Tint
- D8ECE1
≈ Sage Salt
Analog -30° +30°
- F3E0EB
Taffeta Tint
- ECE2F3
≈ Sheer Lavender
- F7E0E2
≈ Lighthearted
Triadisch +120° +240°
- F3E0EB
Taffeta Tint
- E9E7D4
≈ Minified Mustard
- D5EBF2
≈ Spacious Skies
Geteilt komplementär +150° +210°
- F3E0EB
Taffeta Tint
- E0EAD9
≈ Minted
- D4ECEA
≈ Sea Spray
Tetradisch +90° +180° +270°
- F3E0EB
Taffeta Tint
- F1E4D4
≈ Cotton Club
- D8ECE1
≈ Sage Salt
- DBE8F7
≈ Azureish White
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.25:1 · APCA Lc 13
Ag
AAAAuf Schwarz
WCAG 16.67:1 · APCA Lc 91
Beste Textfarbe: #000000
WCAG 16.67:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--taffeta-tint: #f3e0eb;
--taffeta-tint-rgb: 243 224 235;
--taffeta-tint-oklch: oklch(0.925 0.025 341.9);
}
.element {
color: var(--taffeta-tint);
background-color: hsl(325 44% 92%);
border-color: oklch(0.925 0.025 341.9);
}Tailwind CSS v4
@theme {
--color-taffeta-tint: #f3e0eb;
--color-taffeta-tint-50: #fbf2f7;
--color-taffeta-tint-100: #eee5ea;
--color-taffeta-tint-200: #ddd0d7;
--color-taffeta-tint-300: #c1b2bb;
--color-taffeta-tint-400: #aa99a3;
--color-taffeta-tint-500: #93808b;
--color-taffeta-tint-600: #7c6c76;
--color-taffeta-tint-700: #63575e;
--color-taffeta-tint-800: #493f45;
--color-taffeta-tint-900: #322b30;
--color-taffeta-tint-950: #1e191c;
}SCSS
$taffeta-tint: #f3e0eb;
$taffeta-tint-rgb: 243, 224, 235;
$taffeta-tint-light: mix(#fff, $taffeta-tint, 20%);
$taffeta-tint-dark: mix(#000, $taffeta-tint, 20%);
.element {
color: $taffeta-tint;
box-shadow: 0 0 0 2px rgba($taffeta-tint, 0.35);
}