Màu có tên gần nhất · #F4FAFB
#F4FAFB
Màu có tên gần nhất: Heart of Ice
#F4FAFB (rgb(244 250 251), hsl(189 47% 97%), oklch(0.981 0.007 208.8)) gần nhất với màu có tên Heart of Ice. 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.
#F4FAFB
oklch(0.981 0.007 208.8)
Chuyển đổi màu
- HEX
- #f4fafb
- RGB
- rgb(244 250 251)
- HSL
- hsl(189 47% 97%)
- HWB
- hwb(189 96% 2%)
- OKLCH
- oklch(0.981 0.007 208.8)
- OKLab
- oklab(0.981 -0.006 -0.003)
- CIE Lab
- lab(97.84 -1.92 -1.21)
- LCH
- lch(97.84 2.26 212.3)
- CMYK
- cmyk(3% 0% 0% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F5FBFB
- F6FBFC
- F7FCFC
- F8FCFD
- FAFDFD
- FBFDFD
- FCFEFE
- FDFEFE
- FEFFFF
Sắc đậm
- D4D9DA
- B5BABA
- 979B9C
- 7A7D7E
- 5E6161
- 444646
- 2B2D2D
- 141515
- 030303
Sắc xám
- E8EDEE
- DCE0E1
- D0D4D5
- C4C7C8
- B8BBBC
- ADAFAF
- A1A3A3
- 969797
- 8B8B8C
Hòa sắc
Bổ túc +180°
- F4FAFB
Heart of Ice
- FDF7F6
≈ Orange Albedo
Tương đồng -30° +30°
- F4FAFB
Heart of Ice
- F4FAF9
≈ White Porcelain
- F5F9FD
≈ Mā White
Bộ ba +120° +240°
- F4FAFB
Heart of Ice
- FBF7FB
≈ Walkie Chalkie
- FAF9F4
≈ Blanca Peak
Bổ túc chia +150° +210°
- F4FAFB
Heart of Ice
- FDF7F9
≈ Sea Salt Sherbet
- FCF8F4
≈ Orange Albedo
Bộ bốn +90° +180° +270°
- F4FAFB
Heart of Ice
- F9F8FD
≈ Ghost White
- FDF7F6
≈ Orange Albedo
- F8F9F5
≈ Whitest White
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.05:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 19.91:1 · APCA Lc 104
Màu chữ tốt nhất: #000000
WCAG 19.91:1 (AAA) · APCA Lc 104
Contrast pairs
Đoạn mã
CSS
:root {
--heart-of-ice: #f4fafb;
--heart-of-ice-rgb: 244 250 251;
--heart-of-ice-oklch: oklch(0.981 0.007 208.8);
}
.element {
color: var(--heart-of-ice);
background-color: hsl(189 47% 97%);
border-color: oklch(0.981 0.007 208.8);
}Tailwind CSS v4
@theme {
--color-heart-of-ice: #f4fafb;
--color-heart-of-ice-50: #f3f6f6;
--color-heart-of-ice-100: #e5e8e9;
--color-heart-of-ice-200: #d1d5d6;
--color-heart-of-ice-300: #b4b8b9;
--color-heart-of-ice-400: #9a9fa0;
--color-heart-of-ice-500: #818788;
--color-heart-of-ice-600: #6e7373;
--color-heart-of-ice-700: #585c5c;
--color-heart-of-ice-800: #404343;
--color-heart-of-ice-900: #2c2e2f;
--color-heart-of-ice-950: #191b1b;
}SCSS
$heart-of-ice: #f4fafb;
$heart-of-ice-rgb: 244, 250, 251;
$heart-of-ice-light: mix(#fff, $heart-of-ice, 20%);
$heart-of-ice-dark: mix(#000, $heart-of-ice, 20%);
.element {
color: $heart-of-ice;
box-shadow: 0 0 0 2px rgba($heart-of-ice, 0.35);
}