Benannte Farbe · #FFF4E8
What’s Left
What’s Left ist #FFF4E8: rgb(255 244 232), hsl(31 100% 95%), oklch(0.973 0.02 70). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · What’s Left color name →
#FFF4E8
oklch(0.973 0.02 70)
Farbumrechnungen
- HEX
- #fff4e8
- RGB
- rgb(255 244 232)
- HSL
- hsl(31 100% 95%)
- HWB
- hwb(31 91% 0%)
- OKLCH
- oklch(0.973 0.02 70)
- OKLab
- oklab(0.973 0.007 0.019)
- CIE Lab
- lab(96.82 2.34 7.19)
- LCH
- lch(96.82 7.56 72)
- CMYK
- cmyk(0% 4% 9% 0%)
Tints · Shades · Tones
Tints
- FFF5EA
- FFF6ED
- FFF7EF
- FFF8F1
- FFFAF4
- FFFBF6
- FFFCF8
- FFFDFA
- FFFEFD
Shades
- DED4CA
- BEB5AC
- 9E9790
- 807A74
- 635E59
- 484440
- 2E2B29
- 161413
- 030303
Tones
- F2E8DD
- E4DCD2
- D7D0C8
- CAC4BD
- BEB8B3
- B1ADA8
- A4A19E
- 989694
- 8C8B8A
Farbharmonien
Komplementär +180°
- FFF4E8
What’s Left
- EFF7FF
≈ Alice Blue
Analog -30° +30°
- FFF4E8
What’s Left
- FFF3EF
≈ Soft Peach Mist
- F9F7E8
≈ Touch of Sun
Triadisch +120° +240°
- FFF4E8
What’s Left
- E8FBF9
≈ Calm Waters
- F9F3FF
≈ Sugar Crystal
Geteilt komplementär +150° +210°
- FFF4E8
What’s Left
- E9F9FF
≈ Clear Skies
- F4F5FF
≈ Sugar Crystal
Tetradisch +90° +180° +270°
- FFF4E8
What’s Left
- EBFAF1
≈ Soft Petals
- EFF7FF
≈ Alice Blue
- FFF1FA
≈ Pinkish White
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.08:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 19.35:1 · APCA Lc 102
Beste Textfarbe: #000000
WCAG 19.35:1 (AAA) · APCA Lc 102
Contrast pairs
Code-Snippets
CSS
:root {
--what-s-left: #fff4e8;
--what-s-left-rgb: 255 244 232;
--what-s-left-oklch: oklch(0.973 0.02 70);
}
.element {
color: var(--what-s-left);
background-color: hsl(31 100% 95%);
border-color: oklch(0.973 0.02 70);
}Tailwind CSS v4
@theme {
--color-what-s-left: #fff4e8;
--color-what-s-left-50: #f9f4ef;
--color-what-s-left-100: #ece7e1;
--color-what-s-left-200: #dad3cb;
--color-what-s-left-300: #beb6ad;
--color-what-s-left-400: #a69d92;
--color-what-s-left-500: #8f8478;
--color-what-s-left-600: #797066;
--color-what-s-left-700: #615951;
--color-what-s-left-800: #47413b;
--color-what-s-left-900: #312d29;
--color-what-s-left-950: #1d1a16;
}SCSS
$what-s-left: #fff4e8;
$what-s-left-rgb: 255, 244, 232;
$what-s-left-light: mix(#fff, $what-s-left, 20%);
$what-s-left-dark: mix(#000, $what-s-left, 20%);
.element {
color: $what-s-left;
box-shadow: 0 0 0 2px rgba($what-s-left, 0.35);
}