Benannte Farbe · #F5E4DE
Faded Light
Faded Light ist #F5E4DE: rgb(245 228 222), hsl(16 53% 92%), oklch(0.931 0.02 40.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Faded Light color name →
#F5E4DE
oklch(0.931 0.02 40.5)
Farbumrechnungen
- HEX
- #f5e4de
- RGB
- rgb(245 228 222)
- HSL
- hsl(16 53% 92%)
- HWB
- hwb(16 87% 4%)
- OKLCH
- oklch(0.931 0.02 40.5)
- OKLab
- oklab(0.931 0.015 0.013)
- CIE Lab
- lab(91.85 5.25 5.13)
- LCH
- lch(91.85 7.34 44.3)
- CMYK
- cmyk(0% 7% 9% 4%)
Tints · Shades · Tones
Tints
- F6E7E1
- F7E9E5
- F8ECE8
- F9EFEB
- FAF1EE
- FBF4F2
- FCF7F5
- FDFAF8
- FEFCFC
Shades
- D5C6C1
- B6A9A5
- 988D89
- 7B726F
- 5F5855
- 443F3D
- 2B2826
- 151212
- 030302
Tones
- E9DAD4
- DDCFCA
- D1C5C1
- C5BBB7
- B9B1AE
- ADA7A4
- A29D9B
- 969392
- 8B8A89
Farbharmonien
Komplementär +180°
- F5E4DE
Faded Light
- DAECF2
≈ Frost Wind
Analog -30° +30°
- F5E4DE
Faded Light
- F5E3E5
≈ Gaiety
- F1E6DA
≈ French White
Triadisch +120° +240°
- F5E4DE
Faded Light
- DDEDE4
≈ Wishy-Washy Lichen
- E5E7F6
≈ Glitter
Geteilt komplementär +150° +210°
- F5E4DE
Faded Light
- DAEDEB
≈ Ice Folly
- DEEAF6
≈ Freeze Up
Tetradisch +90° +180° +270°
- F5E4DE
Faded Light
- E3EBDD
≈ Minified Mint
- DAECF2
≈ Frost Wind
- ECE5F3
≈ Tranquil Eve
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.23:1 · APCA Lc 12
Ag
AAAAuf Schwarz
WCAG 17.03:1 · APCA Lc 93
Beste Textfarbe: #000000
WCAG 17.03:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--faded-light: #f5e4de;
--faded-light-rgb: 245 228 222;
--faded-light-oklch: oklch(0.931 0.02 40.5);
}
.element {
color: var(--faded-light);
background-color: hsl(16 53% 92%);
border-color: oklch(0.931 0.02 40.5);
}Tailwind CSS v4
@theme {
--color-faded-light: #f5e4de;
--color-faded-light-50: #fbf3f1;
--color-faded-light-100: #eee6e3;
--color-faded-light-200: #dcd2cd;
--color-faded-light-300: #c1b4af;
--color-faded-light-400: #aa9b95;
--color-faded-light-500: #93827c;
--color-faded-light-600: #7c6e69;
--color-faded-light-700: #635854;
--color-faded-light-800: #49403d;
--color-faded-light-900: #332c2a;
--color-faded-light-950: #1e1918;
}SCSS
$faded-light: #f5e4de;
$faded-light-rgb: 245, 228, 222;
$faded-light-light: mix(#fff, $faded-light, 20%);
$faded-light-dark: mix(#000, $faded-light, 20%);
.element {
color: $faded-light;
box-shadow: 0 0 0 2px rgba($faded-light, 0.35);
}