Màu có tên gần nhất · #FBF2D7
#FBF2D7
Màu có tên gần nhất: Satin Cream White
#FBF2D7 (rgb(251 242 215), hsl(45 82% 91%), oklch(0.961 0.037 91.7)) gần nhất với màu có tên Satin Cream White. 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.
#FBF2D7
oklch(0.961 0.037 91.7)
Chuyển đổi màu
- HEX
- #fbf2d7
- RGB
- rgb(251 242 215)
- HSL
- hsl(45 82% 91%)
- HWB
- hwb(45 84% 2%)
- OKLCH
- oklch(0.961 0.037 91.7)
- OKLab
- oklab(0.961 -0.001 0.037)
- CIE Lab
- lab(95.68 -0.12 14.22)
- LCH
- lch(95.68 14.22 90.5)
- CMYK
- cmyk(0% 4% 14% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FBF3DB
- FCF5DF
- FCF6E3
- FDF7E7
- FDF9EB
- FDFAEF
- FEFBF3
- FEFCF7
- FFFEFB
Sắc đậm
- DAD2BB
- BAB49F
- 9C9685
- 7E796B
- 615E52
- 46433B
- 2D2B25
- 151411
- 030302
Sắc xám
- EEE6CE
- E1DAC5
- D5CEBC
- C8C3B3
- BCB7AB
- AFACA2
- A3A199
- 979691
- 8C8B88
Hòa sắc
Bổ túc +180°
- FBF2D7
Satin Cream White
- EEF2FF
≈ Placebo Blue
Tương đồng -30° +30°
- FBF2D7
Satin Cream White
- FFEFE2
≈ Rice Pudding
- EEF7DC
≈ Futon
Bộ ba +120° +240°
- FBF2D7
Satin Cream White
- DAF9FF
≈ Glacial Day
- FFEBFB
≈ Strawberry Bonbon
Bổ túc chia +150° +210°
- FBF2D7
Satin Cream White
- E7F4FF
≈ Moon White
- F5EFFF
≈ Cloud Break
Bộ bốn +90° +180° +270°
- FBF2D7
Satin Cream White
- D9FBF4
≈ Mint Condition
- EEF2FF
≈ Placebo Blue
- FFEDF1
≈ Sugar Coated
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.11:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 18.78:1 · APCA Lc 99
Màu chữ tốt nhất: #000000
WCAG 18.78:1 (AAA) · APCA Lc 99
Contrast pairs
Đoạn mã
CSS
:root {
--satin-cream-white: #fbf2d7;
--satin-cream-white-rgb: 251 242 215;
--satin-cream-white-oklch: oklch(0.961 0.037 91.7);
}
.element {
color: var(--satin-cream-white);
background-color: hsl(45 82% 91%);
border-color: oklch(0.961 0.037 91.7);
}Tailwind CSS v4
@theme {
--color-satin-cream-white: #fbf2d7;
--color-satin-cream-white-50: #f8f5ea;
--color-satin-cream-white-100: #ece8da;
--color-satin-cream-white-200: #d9d4c3;
--color-satin-cream-white-300: #bdb7a3;
--color-satin-cream-white-400: #a69e86;
--color-satin-cream-white-500: #8f866b;
--color-satin-cream-white-600: #79715b;
--color-satin-cream-white-700: #615b48;
--color-satin-cream-white-800: #474234;
--color-satin-cream-white-900: #312e23;
--color-satin-cream-white-950: #1d1a12;
}SCSS
$satin-cream-white: #fbf2d7;
$satin-cream-white-rgb: 251, 242, 215;
$satin-cream-white-light: mix(#fff, $satin-cream-white, 20%);
$satin-cream-white-dark: mix(#000, $satin-cream-white, 20%);
.element {
color: $satin-cream-white;
box-shadow: 0 0 0 2px rgba($satin-cream-white, 0.35);
}