Màu có tên gần nhất · #F2F6F9
#F2F6F9
Màu có tên gần nhất: Heart of Ice
#F2F6F9 (rgb(242 246 249), hsl(206 37% 96%), oklch(0.971 0.006 239.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.
#F2F6F9
oklch(0.971 0.006 239.8)
Chuyển đổi màu
- HEX
- #f2f6f9
- RGB
- rgb(242 246 249)
- HSL
- hsl(206 37% 96%)
- HWB
- hwb(206 95% 2%)
- OKLCH
- oklch(0.971 0.006 239.8)
- OKLab
- oklab(0.971 -0.003 -0.005)
- CIE Lab
- lab(96.64 -0.97 -1.93)
- LCH
- lch(96.64 2.16 243.4)
- CMYK
- cmyk(3% 1% 0% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F3F7FA
- F5F8FA
- F6F9FB
- F7FAFB
- F8FAFC
- FAFBFD
- FBFCFD
- FCFDFE
- FEFEFE
Sắc đậm
- D2D6D9
- B4B7B9
- 96989A
- 797B7D
- 5E5F61
- 434546
- 2B2C2C
- 141515
- 030303
Sắc xám
- E6EAEC
- DADDE0
- CED1D3
- C3C5C7
- B7B9BB
- ACADAF
- A1A2A3
- 969697
- 8B8B8B
Hòa sắc
Bổ túc +180°
- F2F6F9
Heart of Ice
- F9F5F2
≈ Venerable White
Tương đồng -30° +30°
- F2F6F9
Heart of Ice
- F1F7F8
≈ Distant Horizon
- F4F5F9
≈ White Solid
Bộ ba +120° +240°
- F2F6F9
Heart of Ice
- F9F4F5
≈ Cascading White
- F5F6F2
≈ Ultra White
Bổ túc chia +150° +210°
- F2F6F9
Heart of Ice
- F9F4F3
≈ Venerable White
- F7F5F1
≈ Venerable White
Bộ bốn +90° +180° +270°
- F2F6F9
Heart of Ice
- F8F4F7
≈ Foamy Milk
- F9F5F2
≈ Venerable White
- F3F7F3
≈ Laundry White
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.08:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 19.32:1 · APCA Lc 102
Màu chữ tốt nhất: #000000
WCAG 19.32:1 (AAA) · APCA Lc 102
Contrast pairs
Đoạn mã
CSS
:root {
--heart-of-ice: #f2f6f9;
--heart-of-ice-rgb: 242 246 249;
--heart-of-ice-oklch: oklch(0.971 0.006 239.8);
}
.element {
color: var(--heart-of-ice);
background-color: hsl(206 37% 96%);
border-color: oklch(0.971 0.006 239.8);
}Tailwind CSS v4
@theme {
--color-heart-of-ice: #f2f6f9;
--color-heart-of-ice-50: #f4f5f7;
--color-heart-of-ice-100: #e6e8ea;
--color-heart-of-ice-200: #d2d4d6;
--color-heart-of-ice-300: #b5b8ba;
--color-heart-of-ice-400: #9b9fa1;
--color-heart-of-ice-500: #83878a;
--color-heart-of-ice-600: #6f7274;
--color-heart-of-ice-700: #585b5d;
--color-heart-of-ice-800: #414344;
--color-heart-of-ice-900: #2c2e2f;
--color-heart-of-ice-950: #1a1b1c;
}SCSS
$heart-of-ice: #f2f6f9;
$heart-of-ice-rgb: 242, 246, 249;
$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);
}