Màu có tên · #FFF0CF
Walnut Milkies
Walnut Milkies là #FFF0CF: rgb(255 240 207), hsl(41 100% 91%), oklch(0.959 0.046 86.5). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Yellow mean? → · Walnut Milkies color name →
#FFF0CF
oklch(0.959 0.046 86.5)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFF2D4
- FFF3D9
- FFF5DE
- FFF6E2
- FFF8E7
- FFF9EC
- FFFBF1
- FFFCF6
- FFFEFA
Sắc đậm
- DED1B4
- BEB299
- 9E957F
- 807867
- 635D4F
- 484338
- 2E2A23
- 161410
- 030302
Sắc xám
- F2E4C7
- E4D9BF
- D7CDB7
- CAC2AF
- BEB6A7
- B1AB9F
- A4A097
- 98958F
- 8C8B88
Hòa sắc
Bổ túc +180°
- FFF0CF
Walnut Milkies
- EBF1FF
≈ Carte Blanche
Tương đồng -30° +30°
- FFF0CF
Walnut Milkies
- FFEEE2
≈ Soft Coral
- EFF6D3
≈ Rice Flower
Bộ ba +120° +240°
- FFF0CF
Walnut Milkies
- D3FAFF
≈ Pale Blue
- FFE9FF
≈ Fairy Bubblegum Cloud
Bổ túc chia +150° +210°
- FFF0CF
Walnut Milkies
- E4F4FF
≈ Kodama White
- F2EFFF
≈ Foundation White
Bộ bốn +90° +180° +270°
- FFF0CF
Walnut Milkies
- D2FCF0
≈ Mint Coffee
- EBF1FF
≈ Carte Blanche
- FFEBF2
≈ Fairy Wings
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.12:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 18.61:1 · APCA Lc 99
Màu chữ tốt nhất: #000000
WCAG 18.61:1 (AAA) · APCA Lc 99
Contrast pairs
Đoạn mã
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);
}