Màu có tên gần nhất · #F0F4F5
#F0F4F5
Màu có tên gần nhất: Beluga
#F0F4F5 (rgb(240 244 245), hsl(192 20% 95%), oklch(0.964 0.004 214.3)) gần nhất với màu có tên Beluga. 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.
#F0F4F5
oklch(0.964 0.004 214.3)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F1F5F6
- F3F6F7
- F4F7F8
- F6F8F9
- F7F9FA
- F9FBFB
- FAFCFC
- FCFDFD
- FDFEFE
Sắc đậm
- D1D4D5
- B2B5B6
- 959798
- 787A7B
- 5D5E5F
- 434444
- 2A2B2B
- 141415
- 030303
Sắc xám
- E4E8E9
- D9DCDD
- CDD0D0
- C2C4C5
- B6B8B9
- ABADAD
- A0A1A2
- 959696
- 8B8B8B
Hòa sắc
Bổ túc +180°
- F0F4F5
Beluga
- F6F2F1
≈ Bright White
Tương đồng -30° +30°
- F0F4F5
Beluga
- F0F4F3
≈ Bakery Box
- F1F4F6
≈ Chef’s Hat
Bộ ba +120° +240°
- F0F4F5
Beluga
- F5F2F4
≈ White Convolvulus
- F4F3F0
≈ Classic Chalk
Bổ túc chia +150° +210°
- F0F4F5
Beluga
- F6F2F3
≈ Bright White
- F5F3F0
≈ Classic Chalk
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.10:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 18.96:1 · APCA Lc 100
Màu chữ tốt nhất: #000000
WCAG 18.96:1 (AAA) · APCA Lc 100
Contrast pairs
Đoạn mã
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);
}