Benoemde kleur · #F5F1DA
Cream Filling
Cream Filling is #F5F1DA: rgb(245 241 218), hsl(51 57% 91%), oklch(0.955 0.031 98.9). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Cream Filling color name →
#F5F1DA
oklch(0.955 0.031 98.9)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- F6F2DE
- F7F4E1
- F8F5E5
- F9F7E9
- FAF8ED
- FBF9F0
- FCFBF4
- FDFCF8
- FEFEFB
Schaduwen
- D5D2BD
- B6B3A2
- 989587
- 7B796C
- 5F5D54
- 44433C
- 2B2B25
- 151411
- 030302
Tonen
- E9E5D1
- DDD9C7
- D0CEBE
- C5C2B5
- B9B7AC
- ADACA3
- A2A19A
- 969691
- 8B8B89
Kleurharmonieën
Complementair +180°
- F5F1DA
Cream Filling
- EDEFFF
≈ Carte Blanche
Analoog -30° +30°
- F5F1DA
Cream Filling
- FEEDDB
≈ Enokitake Mushroom
- EAF5DF
≈ Minified Lime
Triadisch +120° +240°
- F5F1DA
Cream Filling
- DBF6FE
≈ Glacial Day
- FFE9F7
≈ Dolomite Crystal
Gesplitst complementair +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
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.13:1 · APCA Lc 0
Ag
AAAOp zwart
WCAG 18.47:1 · APCA Lc 98
Beste tekstkleur: #000000
WCAG 18.47:1 (AAA) · APCA Lc 98
Contrast pairs
Codefragmenten
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);
}