Màu có tên gần nhất · #F2F8FA
#F2F8FA
Màu có tên gần nhất: Heart of Ice
#F2F8FA (rgb(242 248 250), hsl(195 44% 96%), oklch(0.975 0.007 219.6)) 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.
#F2F8FA
oklch(0.975 0.007 219.6)
Chuyển đổi màu
- HEX
- #f2f8fa
- RGB
- rgb(242 248 250)
- HSL
- hsl(195 44% 96%)
- HWB
- hwb(195 95% 2%)
- OKLCH
- oklch(0.975 0.007 219.6)
- OKLab
- oklab(0.975 -0.005 -0.004)
- CIE Lab
- lab(97.16 -1.78 -1.69)
- LCH
- lch(97.16 2.46 223.5)
- CMYK
- cmyk(3% 1% 0% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F3F9FB
- F5F9FB
- F6FAFC
- F7FBFC
- F8FBFD
- FAFCFD
- FBFDFE
- FCFEFE
- FEFEFF
Sắc đậm
- D2D8D9
- B4B8BA
- 969A9B
- 797C7D
- 5E6061
- 434546
- 2B2C2D
- 141515
- 030303
Sắc xám
- E6EBED
- DADFE0
- CED3D4
- C3C6C7
- B7BABB
- ACAEAF
- A1A2A3
- 969797
- 8B8B8B
Hòa sắc
Bổ túc +180°
- F2F8FA
Heart of Ice
- FBF5F3
≈ Silver Bird
Tương đồng -30° +30°
- F2F8FA
Heart of Ice
- F2F8F8
≈ Distant Horizon
- F3F7FB
≈ Cotton Ball
Bộ ba +120° +240°
- F2F8FA
Heart of Ice
- FAF5F8
≈ Walkie Chalkie
- F8F7F2
≈ High Reflective White
Bổ túc chia +150° +210°
- F2F8FA
Heart of Ice
- FBF5F6
≈ Cascading White
- FAF6F2
≈ Silver Bird
Bộ bốn +90° +180° +270°
- F2F8FA
Heart of Ice
- F8F6FA
≈ Walkie Chalkie
- FBF5F3
≈ Silver Bird
- F5F8F3
≈ Laundry White
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.58:1 · APCA Lc 103
Màu chữ tốt nhất: #000000
WCAG 19.58:1 (AAA) · APCA Lc 103
Contrast pairs
Đoạn mã
CSS
:root {
--heart-of-ice: #f2f8fa;
--heart-of-ice-rgb: 242 248 250;
--heart-of-ice-oklch: oklch(0.975 0.007 219.6);
}
.element {
color: var(--heart-of-ice);
background-color: hsl(195 44% 96%);
border-color: oklch(0.975 0.007 219.6);
}Tailwind CSS v4
@theme {
--color-heart-of-ice: #f2f8fa;
--color-heart-of-ice-50: #f3f5f6;
--color-heart-of-ice-100: #e5e8e9;
--color-heart-of-ice-200: #d1d5d6;
--color-heart-of-ice-300: #b4b8ba;
--color-heart-of-ice-400: #9a9fa1;
--color-heart-of-ice-500: #818789;
--color-heart-of-ice-600: #6e7274;
--color-heart-of-ice-700: #585c5d;
--color-heart-of-ice-800: #404344;
--color-heart-of-ice-900: #2c2e2f;
--color-heart-of-ice-950: #191b1b;
}SCSS
$heart-of-ice: #f2f8fa;
$heart-of-ice-rgb: 242, 248, 250;
$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);
}