Benoemde kleur · #FFF0CF
Walnut Milkies
Walnut Milkies is #FFF0CF: rgb(255 240 207), hsl(41 100% 91%), oklch(0.959 0.046 86.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Walnut Milkies color name →
#FFF0CF
oklch(0.959 0.046 86.5)
Kleurconversies
- HEX
- #fff0cf
- RGB
- rgb(255 240 207)
- HSL
- hsl(41 100% 91%)
- HWB
- hwb(41 81% 0%)
- OKLCH
- oklch(0.959 0.046 86.5)
- OKLab
- oklab(0.959 0.003 0.046)
- CIE Lab
- lab(95.37 1.41 17.94)
- LCH
- lch(95.37 17.99 85.5)
- CMYK
- cmyk(0% 6% 19% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FFF2D4
- FFF3D9
- FFF5DE
- FFF6E2
- FFF8E7
- FFF9EC
- FFFBF1
- FFFCF6
- FFFEFA
Schaduwen
- DED1B4
- BEB299
- 9E957F
- 807867
- 635D4F
- 484338
- 2E2A23
- 161410
- 030302
Tonen
- F2E4C7
- E4D9BF
- D7CDB7
- CAC2AF
- BEB6A7
- B1AB9F
- A4A097
- 98958F
- 8C8B88
Kleurharmonieën
Complementair +180°
- FFF0CF
Walnut Milkies
- EBF1FF
≈ Carte Blanche
Analoog -30° +30°
- FFF0CF
Walnut Milkies
- FFEEE2
≈ Soft Coral
- EFF6D3
≈ Rice Flower
Triadisch +120° +240°
- FFF0CF
Walnut Milkies
- D3FAFF
≈ Pale Blue
- FFE9FF
≈ Fairy Bubblegum Cloud
Gesplitst complementair +150° +210°
- FFF0CF
Walnut Milkies
- E4F4FF
≈ Kodama White
- F2EFFF
≈ Foundation White
Tetradisch +90° +180° +270°
- FFF0CF
Walnut Milkies
- D2FCF0
≈ Mint Coffee
- EBF1FF
≈ Carte Blanche
- FFEBF2
≈ Fairy Wings
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.12:1 · APCA Lc 0
Ag
AAAOp zwart
WCAG 18.61:1 · APCA Lc 99
Beste tekstkleur: #000000
WCAG 18.61:1 (AAA) · APCA Lc 99
Contrast pairs
Codefragmenten
CSS
:root {
--walnut-milkies: #fff0cf;
--walnut-milkies-rgb: 255 240 207;
--walnut-milkies-oklch: oklch(0.959 0.046 86.5);
}
.element {
color: var(--walnut-milkies);
background-color: hsl(41 100% 91%);
border-color: oklch(0.959 0.046 86.5);
}Tailwind CSS v4
@theme {
--color-walnut-milkies: #fff0cf;
--color-walnut-milkies-50: #faf5e7;
--color-walnut-milkies-100: #eee7d7;
--color-walnut-milkies-200: #dcd4bf;
--color-walnut-milkies-300: #c1b79d;
--color-walnut-milkies-400: #aa9d80;
--color-walnut-milkies-500: #948563;
--color-walnut-milkies-600: #7d7054;
--color-walnut-milkies-700: #645a43;
--color-walnut-milkies-800: #4a4130;
--color-walnut-milkies-900: #332d21;
--color-walnut-milkies-950: #1f1a10;
}SCSS
$walnut-milkies: #fff0cf;
$walnut-milkies-rgb: 255, 240, 207;
$walnut-milkies-light: mix(#fff, $walnut-milkies, 20%);
$walnut-milkies-dark: mix(#000, $walnut-milkies, 20%);
.element {
color: $walnut-milkies;
box-shadow: 0 0 0 2px rgba($walnut-milkies, 0.35);
}