Nächste benannte Farbe · #F1F1E3
#F1F1E3
Nächste benannte Farbe: Cumulus
#F1F1E3 (rgb(241 241 227), hsl(60 33% 92%), oklch(0.954 0.019 106.7)) liegt am nächsten an der benannten Farbe Cumulus. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#F1F1E3
oklch(0.954 0.019 106.7)
Farbumrechnungen
- HEX
- #f1f1e3
- RGB
- rgb(241 241 227)
- HSL
- hsl(60 33% 92%)
- HWB
- hwb(60 89% 5%)
- OKLCH
- oklch(0.954 0.019 106.7)
- OKLab
- oklab(0.954 -0.005 0.018)
- CIE Lab
- lab(94.86 -1.79 6.79)
- LCH
- lch(94.86 7.02 104.8)
- CMYK
- cmyk(0% 0% 6% 5%)
Tints · Shades · Tones
Tints
- F2F2E6
- F4F4E9
- F5F5EB
- F7F7EE
- F8F8F1
- F9F9F4
- FBFBF7
- FCFCF9
- FEFEFC
Shades
- D2D2C5
- B3B3A8
- 95958C
- 797971
- 5D5D57
- 43433F
- 2B2B27
- 141412
- 030303
Tones
- E5E5D9
- D9D9CE
- CECEC4
- C2C2BA
- B7B7B0
- ACACA6
- A0A19D
- 969693
- 8B8B89
Farbharmonien
Komplementär +180°
- F1F1E3
Cumulus
- EFEEFC
≈ Foundation White
Analog -30° +30°
- F1F1E3
Cumulus
- F7EFE3
≈ Rustic Cream
- EAF3E7
≈ Glacier Ivy
Triadisch +120° +240°
- F1F1E3
Cumulus
- E4F3FA
≈ Milky Way
- FAEBF2
≈ Placebo Magenta
Geteilt komplementär +150° +210°
- F1F1E3
Cumulus
- E8F1FD
≈ Cotton Boll
- F5ECF8
≈ Placebo Fuchsia
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.13:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 18.43:1 · APCA Lc 98
Beste Textfarbe: #000000
WCAG 18.43:1 (AAA) · APCA Lc 98
Contrast pairs
Code-Snippets
CSS
:root {
--cumulus: #f1f1e3;
--cumulus-rgb: 241 241 227;
--cumulus-oklch: oklch(0.954 0.019 106.7);
}
.element {
color: var(--cumulus);
background-color: hsl(60 33% 92%);
border-color: oklch(0.954 0.019 106.7);
}Tailwind CSS v4
@theme {
--color-cumulus: #f1f1e3;
--color-cumulus-50: #f5f6f0;
--color-cumulus-100: #e8e8e1;
--color-cumulus-200: #d5d5cc;
--color-cumulus-300: #b8b8ae;
--color-cumulus-400: #9f9f93;
--color-cumulus-500: #878779;
--color-cumulus-600: #727267;
--color-cumulus-700: #5c5b52;
--color-cumulus-800: #43433c;
--color-cumulus-900: #2e2e29;
--color-cumulus-950: #1b1b17;
}SCSS
$cumulus: #f1f1e3;
$cumulus-rgb: 241, 241, 227;
$cumulus-light: mix(#fff, $cumulus, 20%);
$cumulus-dark: mix(#000, $cumulus, 20%);
.element {
color: $cumulus;
box-shadow: 0 0 0 2px rgba($cumulus, 0.35);
}