最接近的命名颜色 · #F0F4F5
#F0F4F5
最接近的命名颜色: Beluga
#F0F4F5（rgb(240 244 245)、hsl(192 20% 95%)、oklch(0.964 0.004 214.3)）最接近命名颜色 Beluga。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#F0F4F5
oklch(0.964 0.004 214.3)
颜色转换
- HEX
- #f0f4f5
- RGB
- rgb(240 244 245)
- HSL
- hsl(192 20% 95%)
- HWB
- hwb(192 94% 4%)
- OKLCH
- oklch(0.964 0.004 214.3)
- OKLab
- oklab(0.964 -0.004 -0.003)
- CIE Lab
- lab(95.9 -1.24 -0.97)
- LCH
- lch(95.9 1.58 218.1)
- CMYK
- cmyk(2% 0% 0% 4%)
浅色调 · 深色调 · 灰色调
浅色调
- F1F5F6
- F3F6F7
- F4F7F8
- F6F8F9
- F7F9FA
- F9FBFB
- FAFCFC
- FCFDFD
- FDFEFE
深色调
- D1D4D5
- B2B5B6
- 959798
- 787A7B
- 5D5E5F
- 434444
- 2A2B2B
- 141415
- 030303
灰色调
- E4E8E9
- D9DCDD
- CDD0D0
- C2C4C5
- B6B8B9
- ABADAD
- A0A1A2
- 959696
- 8B8B8B
配色和谐
互补色 +180°
- F0F4F5
Beluga
- F6F2F1
≈ Bright White
类似色 -30° +30°
- F0F4F5
Beluga
- F0F4F3
≈ Bakery Box
- F1F4F6
≈ Chef’s Hat
三角配色 +120° +240°
- F0F4F5
Beluga
- F5F2F4
≈ White Convolvulus
- F4F3F0
≈ Classic Chalk
分裂互补色 +150° +210°
- F0F4F5
Beluga
- F6F2F3
≈ Bright White
- F5F3F0
≈ Classic Chalk
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.10:1 · APCA Lc 0
Ag
AAA黑底
WCAG 18.96:1 · APCA Lc 100
最佳文字颜色: #000000
WCAG 18.96:1 (AAA) · APCA Lc 100
Contrast pairs
代码片段
CSS
:root {
--beluga: #f0f4f5;
--beluga-rgb: 240 244 245;
--beluga-oklch: oklch(0.964 0.004 214.3);
}
.element {
color: var(--beluga);
background-color: hsl(192 20% 95%);
border-color: oklch(0.964 0.004 214.3);
}Tailwind CSS v4
@theme {
--color-beluga: #f0f4f5;
--color-beluga-50: #f4f5f6;
--color-beluga-100: #e6e8e9;
--color-beluga-200: #d2d5d5;
--color-beluga-300: #b5b8b9;
--color-beluga-400: #9c9fa0;
--color-beluga-500: #838788;
--color-beluga-600: #6f7273;
--color-beluga-700: #595b5c;
--color-beluga-800: #414343;
--color-beluga-900: #2d2e2e;
--color-beluga-950: #1a1b1b;
}SCSS
$beluga: #f0f4f5;
$beluga-rgb: 240, 244, 245;
$beluga-light: mix(#fff, $beluga, 20%);
$beluga-dark: mix(#000, $beluga, 20%);
.element {
color: $beluga;
box-shadow: 0 0 0 2px rgba($beluga, 0.35);
}