Benannte Farbe · #F0E9D6
Creamy White
Creamy White ist #F0E9D6: rgb(240 233 214), hsl(44 46% 89%), oklch(0.934 0.026 90.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Creamy White color name →
#F0E9D6
oklch(0.934 0.026 90.1)
Farbumrechnungen
- HEX
- #f0e9d6
- RGB
- rgb(240 233 214)
- HSL
- hsl(44 46% 89%)
- HWB
- hwb(44 84% 6%)
- OKLCH
- oklch(0.934 0.026 90.1)
- OKLab
- oklab(0.934 0 0.026)
- CIE Lab
- lab(92.52 0.09 10.16)
- LCH
- lch(92.52 10.16 89.5)
- CMYK
- cmyk(0% 3% 11% 6%)
Tints · Shades · Tones
Tints
- F1EBDA
- F3EDDE
- F4F0E2
- F6F2E6
- F7F4EA
- F9F6EF
- FAF8F3
- FCFBF7
- FDFDFB
Shades
- D1CBBA
- B2AD9E
- 959084
- 78746A
- 5D5A52
- 43413B
- 2A2925
- 141310
- 030302
Tones
- E4DECD
- D9D3C4
- CDC8BB
- C2BEB3
- B6B3AA
- ABA9A2
- A09E99
- 959491
- 8B8A88
Farbharmonien
Komplementär +180°
- F0E9D6
Creamy White
- E2E9FC
≈ Glitter
Analog -30° +30°
- F0E9D6
Creamy White
- F7E6D8
≈ Hint of Orange
- E7ECD9
≈ Spring Breeze
Triadisch +120° +240°
- F0E9D6
Creamy White
- D6EFF3
≈ Sparkling River
- F4E3F2
≈ Minute Mauve
Geteilt komplementär +150° +210°
- F0E9D6
Creamy White
- DAECFA
≈ Hoarfrost
- ECE6F9
≈ Holographic Lavender
Tetradisch +90° +180° +270°
- F0E9D6
Creamy White
- D7EFEA
≈ Light Spirited
- E2E9FC
≈ Glitter
- F9E2E8
≈ First Crush
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.21:1 · APCA Lc 10
Ag
AAAAuf Schwarz
WCAG 17.33:1 · APCA Lc 94
Beste Textfarbe: #000000
WCAG 17.33:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--creamy-white: #f0e9d6;
--creamy-white-rgb: 240 233 214;
--creamy-white-oklch: oklch(0.934 0.026 90.1);
}
.element {
color: var(--creamy-white);
background-color: hsl(44 46% 89%);
border-color: oklch(0.934 0.026 90.1);
}Tailwind CSS v4
@theme {
--color-creamy-white: #f0e9d6;
--color-creamy-white-50: #f8f5ed;
--color-creamy-white-100: #ebe8de;
--color-creamy-white-200: #d8d4c8;
--color-creamy-white-300: #bcb7a9;
--color-creamy-white-400: #a49e8d;
--color-creamy-white-500: #8d8673;
--color-creamy-white-600: #777161;
--color-creamy-white-700: #5f5b4e;
--color-creamy-white-800: #464238;
--color-creamy-white-900: #312e26;
--color-creamy-white-950: #1d1a15;
}SCSS
$creamy-white: #f0e9d6;
$creamy-white-rgb: 240, 233, 214;
$creamy-white-light: mix(#fff, $creamy-white, 20%);
$creamy-white-dark: mix(#000, $creamy-white, 20%);
.element {
color: $creamy-white;
box-shadow: 0 0 0 2px rgba($creamy-white, 0.35);
}