Màu có tên · #FAF3DD
Vanilla Powder
Vanilla Powder là #FAF3DD: rgb(250 243 221), hsl(46 74% 92%), oklch(0.964 0.03 92.3). 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 Gray mean? → · Vanilla Powder color name →
#FAF3DD
oklch(0.964 0.03 92.3)
Chuyển đổi màu
- HEX
- #faf3dd
- RGB
- rgb(250 243 221)
- HSL
- hsl(46 74% 92%)
- HWB
- hwb(46 87% 2%)
- OKLCH
- oklch(0.964 0.03 92.3)
- OKLab
- oklab(0.964 -0.001 0.03)
- CIE Lab
- lab(95.96 -0.27 11.53)
- LCH
- lch(95.96 11.53 91.3)
- CMYK
- cmyk(0% 3% 12% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FAF4E0
- FBF5E4
- FBF7E7
- FCF8EB
- FCF9EE
- FDFAF1
- FDFBF5
- FEFDF8
- FEFEFC
Sắc đậm
- D9D3C0
- BAB4A4
- 9B9788
- 7D7A6E
- 615E55
- 46443D
- 2D2B26
- 151411
- 030302
Sắc xám
- EDE7D3
- E0DBCA
- D4CFC0
- C7C3B7
- BBB8AD
- AFACA4
- A3A19B
- 979692
- 8B8B89
Hòa sắc
Bổ túc +180°
- FAF3DD
Vanilla Powder
- EFF3FF
≈ Placebo Blue
Tương đồng -30° +30°
- FAF3DD
Vanilla Powder
- FFF0E4
≈ Rice Pudding
- EFF7E1
≈ Lemon Sugar
Bộ ba +120° +240°
- FAF3DD
Vanilla Powder
- DDF9FF
≈ Glacial Day
- FFEDFB
≈ Partial Pink
Bổ túc chia +150° +210°
- FAF3DD
Vanilla Powder
- E9F5FF
≈ Moon White
- F5F0FF
≈ Cloud Break
Bộ bốn +90° +180° +270°
- FAF3DD
Vanilla Powder
- DEFAF5
≈ Mint Condition
- EFF3FF
≈ Placebo Blue
- FFEEF2
≈ Sugar Coated
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.10:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 18.92:1 · APCA Lc 100
Màu chữ tốt nhất: #000000
WCAG 18.92:1 (AAA) · APCA Lc 100
Contrast pairs
Đoạn mã
CSS
:root {
--vanilla-powder: #faf3dd;
--vanilla-powder-rgb: 250 243 221;
--vanilla-powder-oklch: oklch(0.964 0.03 92.3);
}
.element {
color: var(--vanilla-powder);
background-color: hsl(46 74% 92%);
border-color: oklch(0.964 0.03 92.3);
}Tailwind CSS v4
@theme {
--color-vanilla-powder: #faf3dd;
--color-vanilla-powder-50: #f8f5ec;
--color-vanilla-powder-100: #ebe8dd;
--color-vanilla-powder-200: #d8d4c6;
--color-vanilla-powder-300: #bcb7a7;
--color-vanilla-powder-400: #a49e8b;
--color-vanilla-powder-500: #8d8670;
--color-vanilla-powder-600: #77715f;
--color-vanilla-powder-700: #5f5b4c;
--color-vanilla-powder-800: #464237;
--color-vanilla-powder-900: #312e25;
--color-vanilla-powder-950: #1d1a14;
}SCSS
$vanilla-powder: #faf3dd;
$vanilla-powder-rgb: 250, 243, 221;
$vanilla-powder-light: mix(#fff, $vanilla-powder, 20%);
$vanilla-powder-dark: mix(#000, $vanilla-powder, 20%);
.element {
color: $vanilla-powder;
box-shadow: 0 0 0 2px rgba($vanilla-powder, 0.35);
}