Màu có tên gần nhất · #F4F9FA
#F4F9FA
Màu có tên gần nhất: Heart of Ice
#F4F9FA (rgb(244 249 250), hsl(190 37% 97%), oklch(0.979 0.005 211)) 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.
#F4F9FA
oklch(0.979 0.005 211)
Chuyển đổi màu
- HEX
- #f4f9fa
- RGB
- rgb(244 249 250)
- HSL
- hsl(190 37% 97%)
- HWB
- hwb(190 96% 2%)
- OKLCH
- oklch(0.979 0.005 211)
- OKLab
- oklab(0.979 -0.005 -0.003)
- CIE Lab
- lab(97.57 -1.58 -1.09)
- LCH
- lch(97.57 1.92 214.6)
- CMYK
- cmyk(2% 0% 0% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F5FAFA
- F6FAFB
- F7FBFB
- F8FBFC
- F9FCFC
- FBFDFD
- FCFDFD
- FDFEFE
- FEFEFE
Sắc đậm
- D4D9D9
- B5B9BA
- 979A9B
- 7A7D7D
- 5E6161
- 444646
- 2B2C2D
- 141515
- 030303
Sắc xám
- E8ECED
- DCE0E0
- D0D3D4
- C4C7C7
- B8BBBB
- ADAFAF
- A1A3A3
- 969797
- 8B8B8B
Hòa sắc
Bổ túc +180°
- F4F9FA
Heart of Ice
- FCF7F6
≈ Orange Albedo
Tương đồng -30° +30°
- F4F9FA
Heart of Ice
- F4F9F8
≈ Lynx White
- F5F8FB
≈ Zhēn Zhū Bái Pearl
Bộ ba +120° +240°
- F4F9FA
Heart of Ice
- FAF7FA
≈ Zhēn Zhū Bái Pearl
- F9F8F4
≈ Ultra Pure White
Bổ túc chia +150° +210°
- F4F9FA
Heart of Ice
- FBF6F8
≈ Walkie Chalkie
- FBF7F4
≈ Orange Albedo
Bộ bốn +90° +180° +270°
- F4F9FA
Heart of Ice
- F8F7FB
≈ Zhēn Zhū Bái Pearl
- FCF7F6
≈ Orange Albedo
- F7F9F5
≈ Whitest White
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.77:1 · APCA Lc 103
Màu chữ tốt nhất: #000000
WCAG 19.77:1 (AAA) · APCA Lc 103
Contrast pairs
Đoạn mã
CSS
:root {
--heart-of-ice: #f4f9fa;
--heart-of-ice-rgb: 244 249 250;
--heart-of-ice-oklch: oklch(0.979 0.005 211);
}
.element {
color: var(--heart-of-ice);
background-color: hsl(190 37% 97%);
border-color: oklch(0.979 0.005 211);
}Tailwind CSS v4
@theme {
--color-heart-of-ice: #f4f9fa;
--color-heart-of-ice-50: #f3f5f6;
--color-heart-of-ice-100: #e6e8e9;
--color-heart-of-ice-200: #d2d5d5;
--color-heart-of-ice-300: #b4b8b9;
--color-heart-of-ice-400: #9b9fa0;
--color-heart-of-ice-500: #828788;
--color-heart-of-ice-600: #6e7273;
--color-heart-of-ice-700: #585b5c;
--color-heart-of-ice-800: #404343;
--color-heart-of-ice-900: #2c2e2e;
--color-heart-of-ice-950: #191b1b;
}SCSS
$heart-of-ice: #f4f9fa;
$heart-of-ice-rgb: 244, 249, 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);
}