Benannte Farbe · #F5F1DA
Cream Filling
Cream Filling ist #F5F1DA: rgb(245 241 218), hsl(51 57% 91%), oklch(0.955 0.031 98.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Cream Filling color name →
#F5F1DA
oklch(0.955 0.031 98.9)
Farbumrechnungen
- HEX
- #f5f1da
- RGB
- rgb(245 241 218)
- HSL
- hsl(51 57% 91%)
- HWB
- hwb(51 85% 4%)
- OKLCH
- oklch(0.955 0.031 98.9)
- OKLab
- oklab(0.955 -0.005 0.03)
- CIE Lab
- lab(95 -1.46 11.66)
- LCH
- lch(95 11.75 97.1)
- CMYK
- cmyk(0% 2% 11% 4%)
Tints · Shades · Tones
Tints
- F6F2DE
- F7F4E1
- F8F5E5
- F9F7E9
- FAF8ED
- FBF9F0
- FCFBF4
- FDFCF8
- FEFEFB
Shades
- D5D2BD
- B6B3A2
- 989587
- 7B796C
- 5F5D54
- 44433C
- 2B2B25
- 151411
- 030302
Tones
- E9E5D1
- DDD9C7
- D0CEBE
- C5C2B5
- B9B7AC
- ADACA3
- A2A19A
- 969691
- 8B8B89
Farbharmonien
Komplementär +180°
- F5F1DA
Cream Filling
- EDEFFF
≈ Carte Blanche
Analog -30° +30°
- F5F1DA
Cream Filling
- FEEDDB
≈ Enokitake Mushroom
- EAF5DF
≈ Minified Lime
Triadisch +120° +240°
- F5F1DA
Cream Filling
- DBF6FE
≈ Glacial Day
- FFE9F7
≈ Dolomite Crystal
Geteilt komplementär +150° +210°
- F5F1DA
Cream Filling
- E5F2FF
≈ Cotton Boll
- F6ECFF
≈ Placebo Fuchsia
Tetradisch +90° +180° +270°
- F5F1DA
Cream Filling
- DAF7F4
≈ Fishious Rend
- EDEFFF
≈ Carte Blanche
- FFEAED
≈ Just Pink Enough
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.13:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 18.47:1 · APCA Lc 98
Beste Textfarbe: #000000
WCAG 18.47:1 (AAA) · APCA Lc 98
Contrast pairs
Code-Snippets
CSS
:root {
--cream-filling: #f5f1da;
--cream-filling-rgb: 245 241 218;
--cream-filling-oklch: oklch(0.955 0.031 98.9);
}
.element {
color: var(--cream-filling);
background-color: hsl(51 57% 91%);
border-color: oklch(0.955 0.031 98.9);
}Tailwind CSS v4
@theme {
--color-cream-filling: #f5f1da;
--color-cream-filling-50: #f7f6ec;
--color-cream-filling-100: #eae8dd;
--color-cream-filling-200: #d7d5c6;
--color-cream-filling-300: #bab8a7;
--color-cream-filling-400: #a39f8b;
--color-cream-filling-500: #8b8770;
--color-cream-filling-600: #76725f;
--color-cream-filling-700: #5e5b4c;
--color-cream-filling-800: #454337;
--color-cream-filling-900: #302e25;
--color-cream-filling-950: #1c1b14;
}SCSS
$cream-filling: #f5f1da;
$cream-filling-rgb: 245, 241, 218;
$cream-filling-light: mix(#fff, $cream-filling, 20%);
$cream-filling-dark: mix(#000, $cream-filling, 20%);
.element {
color: $cream-filling;
box-shadow: 0 0 0 2px rgba($cream-filling, 0.35);
}