Màu có tên gần nhất · #FBF6E8
#FBF6E8
Màu có tên gần nhất: Toasted Marshmallow Fluff
#FBF6E8 (rgb(251 246 232), hsl(44 70% 95%), oklch(0.973 0.019 90.5)) gần nhất với màu có tên Toasted Marshmallow Fluff. 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.
#FBF6E8
oklch(0.973 0.019 90.5)
Chuyển đổi màu
- HEX
- #fbf6e8
- RGB
- rgb(251 246 232)
- HSL
- hsl(44 70% 95%)
- HWB
- hwb(44 91% 2%)
- OKLCH
- oklch(0.973 0.019 90.5)
- OKLab
- oklab(0.973 0 0.019)
- CIE Lab
- lab(96.99 -0.03 7.38)
- LCH
- lch(96.99 7.38 90.2)
- CMYK
- cmyk(0% 2% 8% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FBF7EA
- FCF8ED
- FCF9EF
- FDFAF1
- FDFBF4
- FDFBF6
- FEFCF8
- FEFDFA
- FFFEFD
Sắc đậm
- DAD6CA
- BAB7AC
- 9C9890
- 7E7B74
- 615F59
- 464540
- 2D2C29
- 151513
- 030303
Sắc xám
- EEEADD
- E1DDD2
- D5D1C8
- C8C5BD
- BCB9B3
- AFADA8
- A3A29E
- 979694
- 8C8B8A
Hòa sắc
Bổ túc +180°
- FBF6E8
Toasted Marshmallow Fluff
- F3F6FF
≈ Mā White
Tương đồng -30° +30°
- FBF6E8
Toasted Marshmallow Fluff
- FFF4EB
≈ Ambrosia Ivory
- F4F8EA
≈ Bean Sprout
Bộ ba +120° +240°
- FBF6E8
Toasted Marshmallow Fluff
- E8FAFD
≈ Calm Waters
- FEF2FC
≈ Pinkish White
Bổ túc chia +150° +210°
- FBF6E8
Toasted Marshmallow Fluff
- EEF8FF
≈ Alice Blue
- F8F4FF
≈ Sugar Crystal
Bộ bốn +90° +180° +270°
- FBF6E8
Toasted Marshmallow Fluff
- E9FBF7
≈ Placebo Turquoise
- F3F6FF
≈ Mā White
- FFF2F6
≈ Glimpse of Pink
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.07:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 19.44:1 · APCA Lc 102
Màu chữ tốt nhất: #000000
WCAG 19.44:1 (AAA) · APCA Lc 102
Contrast pairs
Đoạn mã
CSS
:root {
--toasted-marshmallow-fluff: #fbf6e8;
--toasted-marshmallow-fluff-rgb: 251 246 232;
--toasted-marshmallow-fluff-oklch: oklch(0.973 0.019 90.5);
}
.element {
color: var(--toasted-marshmallow-fluff);
background-color: hsl(44 70% 95%);
border-color: oklch(0.973 0.019 90.5);
}Tailwind CSS v4
@theme {
--color-toasted-marshmallow-fluff: #fbf6e8;
--color-toasted-marshmallow-fluff-50: #f7f5ef;
--color-toasted-marshmallow-fluff-100: #eae8e1;
--color-toasted-marshmallow-fluff-200: #d7d4cb;
--color-toasted-marshmallow-fluff-300: #bbb7ad;
--color-toasted-marshmallow-fluff-400: #a39e92;
--color-toasted-marshmallow-fluff-500: #8b8678;
--color-toasted-marshmallow-fluff-600: #757166;
--color-toasted-marshmallow-fluff-700: #5e5b51;
--color-toasted-marshmallow-fluff-800: #45423b;
--color-toasted-marshmallow-fluff-900: #302e28;
--color-toasted-marshmallow-fluff-950: #1c1a16;
}SCSS
$toasted-marshmallow-fluff: #fbf6e8;
$toasted-marshmallow-fluff-rgb: 251, 246, 232;
$toasted-marshmallow-fluff-light: mix(#fff, $toasted-marshmallow-fluff, 20%);
$toasted-marshmallow-fluff-dark: mix(#000, $toasted-marshmallow-fluff, 20%);
.element {
color: $toasted-marshmallow-fluff;
box-shadow: 0 0 0 2px rgba($toasted-marshmallow-fluff, 0.35);
}