Màu có tên gần nhất · #FBF7EF
#FBF7EF
Màu có tên gần nhất: Dipped in Cream
#FBF7EF (rgb(251 247 239), hsl(40 60% 96%), oklch(0.977 0.011 84.6)) gần nhất với màu có tên Dipped in Cream. 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.
#FBF7EF
oklch(0.977 0.011 84.6)
Chuyển đổi màu
- HEX
- #fbf7ef
- RGB
- rgb(251 247 239)
- HSL
- hsl(40 60% 96%)
- HWB
- hwb(40 94% 2%)
- OKLCH
- oklch(0.977 0.011 84.6)
- OKLab
- oklab(0.977 0.001 0.011)
- CIE Lab
- lab(97.38 0.36 4.35)
- LCH
- lch(97.38 4.37 85.3)
- CMYK
- cmyk(0% 2% 5% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FBF8F1
- FCF9F2
- FCF9F4
- FDFAF5
- FDFBF7
- FDFCF9
- FEFDFA
- FEFDFC
- FFFEFD
Sắc đậm
- DAD7D0
- BAB7B1
- 9C9994
- 7E7C78
- 61605C
- 464542
- 2D2C2A
- 151514
- 030303
Sắc xám
- EEEAE3
- E1DED8
- D5D2CC
- C8C6C1
- BCBAB6
- AFAEAB
- A3A2A0
- 979795
- 8C8B8B
Hòa sắc
Bổ túc +180°
- FBF7EF
Dipped in Cream
- F4F8FF
≈ Mā White
Tương đồng -30° +30°
- FBF7EF
Dipped in Cream
- FEF6F0
≈ Seashell
- F7F8F0
≈ White Crest
Bộ ba +120° +240°
- FBF7EF
Dipped in Cream
- EFFAFB
≈ Distant Horizon
- FCF5FC
≈ Walkie Chalkie
Bổ túc chia +150° +210°
- FBF7EF
Dipped in Cream
- F0F9FE
≈ Alice Blue
- F8F6FF
≈ Sugar Crystal
Bộ bốn +90° +180° +270°
- FBF7EF
Dipped in Cream
- F0FAF7
≈ Cold White
- F4F8FF
≈ Mā White
- FEF4F8
≈ Sea Salt Sherbet
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.06:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 19.65:1 · APCA Lc 103
Màu chữ tốt nhất: #000000
WCAG 19.65:1 (AAA) · APCA Lc 103
Contrast pairs
Đoạn mã
CSS
:root {
--dipped-in-cream: #fbf7ef;
--dipped-in-cream-rgb: 251 247 239;
--dipped-in-cream-oklch: oklch(0.977 0.011 84.6);
}
.element {
color: var(--dipped-in-cream);
background-color: hsl(40 60% 96%);
border-color: oklch(0.977 0.011 84.6);
}Tailwind CSS v4
@theme {
--color-dipped-in-cream: #fbf7ef;
--color-dipped-in-cream-50: #f6f5f1;
--color-dipped-in-cream-100: #e9e8e4;
--color-dipped-in-cream-200: #d6d4cf;
--color-dipped-in-cream-300: #bab7b1;
--color-dipped-in-cream-400: #a19e97;
--color-dipped-in-cream-500: #8a867e;
--color-dipped-in-cream-600: #74716b;
--color-dipped-in-cream-700: #5d5a55;
--color-dipped-in-cream-800: #44423e;
--color-dipped-in-cream-900: #2f2e2b;
--color-dipped-in-cream-950: #1c1a18;
}SCSS
$dipped-in-cream: #fbf7ef;
$dipped-in-cream-rgb: 251, 247, 239;
$dipped-in-cream-light: mix(#fff, $dipped-in-cream, 20%);
$dipped-in-cream-dark: mix(#000, $dipped-in-cream, 20%);
.element {
color: $dipped-in-cream;
box-shadow: 0 0 0 2px rgba($dipped-in-cream, 0.35);
}