Màu có tên gần nhất · #EFF4F8
#EFF4F8
Màu có tên gần nhất: Distant Wind Chime
#EFF4F8 (rgb(239 244 248), hsl(207 39% 95%), oklch(0.965 0.008 241.7)) gần nhất với màu có tên Distant Wind Chime. 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.
#EFF4F8
oklch(0.965 0.008 241.7)
Chuyển đổi màu
- HEX
- #eff4f8
- RGB
- rgb(239 244 248)
- HSL
- hsl(207 39% 95%)
- HWB
- hwb(207 94% 3%)
- OKLCH
- oklch(0.965 0.008 241.7)
- OKLab
- oklab(0.965 -0.004 -0.007)
- CIE Lab
- lab(95.89 -1.18 -2.54)
- LCH
- lch(95.89 2.8 245.2)
- CMYK
- cmyk(4% 2% 0% 3%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F1F5F9
- F2F6F9
- F4F7FA
- F5F8FB
- F7F9FC
- F9FBFC
- FAFCFD
- FCFDFE
- FDFEFE
Sắc đậm
- D0D4D8
- B1B5B8
- 94979A
- 787A7C
- 5C5E60
- 424445
- 2A2B2C
- 141415
- 030303
Sắc xám
- E3E8EB
- D8DCDF
- CCD0D3
- C1C4C6
- B6B8BA
- ABADAE
- A0A1A2
- 959697
- 8B8B8B
Hòa sắc
Bổ túc +180°
- EFF4F8
Distant Wind Chime
- F7F2EE
≈ Shea
Tương đồng -30° +30°
- EFF4F8
Distant Wind Chime
- EEF5F6
≈ Indigo White
- F1F3F9
≈ Boysenberry Shadow
Bộ ba +120° +240°
- EFF4F8
Distant Wind Chime
- F8F1F3
≈ Grim White
- F2F4EF
≈ Classic Chalk
Bổ túc chia +150° +210°
- EFF4F8
Distant Wind Chime
- F8F1F0
≈ Bright White
- F5F3EE
≈ The Speed of Light
Bộ bốn +90° +180° +270°
- EFF4F8
Distant Wind Chime
- F6F1F6
≈ Grim White
- F7F2EE
≈ Shea
- F0F5F1
≈ Heavy Sugar
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 {
--distant-wind-chime: #eff4f8;
--distant-wind-chime-rgb: 239 244 248;
--distant-wind-chime-oklch: oklch(0.965 0.008 241.7);
}
.element {
color: var(--distant-wind-chime);
background-color: hsl(207 39% 95%);
border-color: oklch(0.965 0.008 241.7);
}Tailwind CSS v4
@theme {
--color-distant-wind-chime: #eff4f8;
--color-distant-wind-chime-50: #f3f5f7;
--color-distant-wind-chime-100: #e6e8ea;
--color-distant-wind-chime-200: #d1d5d7;
--color-distant-wind-chime-300: #b4b8bb;
--color-distant-wind-chime-400: #9b9fa3;
--color-distant-wind-chime-500: #82878b;
--color-distant-wind-chime-600: #6e7275;
--color-distant-wind-chime-700: #585b5e;
--color-distant-wind-chime-800: #404345;
--color-distant-wind-chime-900: #2c2e2f;
--color-distant-wind-chime-950: #191b1c;
}SCSS
$distant-wind-chime: #eff4f8;
$distant-wind-chime-rgb: 239, 244, 248;
$distant-wind-chime-light: mix(#fff, $distant-wind-chime, 20%);
$distant-wind-chime-dark: mix(#000, $distant-wind-chime, 20%);
.element {
color: $distant-wind-chime;
box-shadow: 0 0 0 2px rgba($distant-wind-chime, 0.35);
}