Màu có tên gần nhất · #EAF1F6
#EAF1F6
Màu có tên gần nhất: Distant Wind Chime
#EAF1F6 (rgb(234 241 246), hsl(205 40% 94%), oklch(0.954 0.01 238.5)) 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.
#EAF1F6
oklch(0.954 0.01 238.5)
Chuyển đổi màu
- HEX
- #eaf1f6
- RGB
- rgb(234 241 246)
- HSL
- hsl(205 40% 94%)
- HWB
- hwb(205 92% 4%)
- OKLCH
- oklch(0.954 0.01 238.5)
- OKLab
- oklab(0.954 -0.005 -0.009)
- CIE Lab
- lab(94.72 -1.72 -3.27)
- LCH
- lch(94.72 3.7 242.2)
- CMYK
- cmyk(5% 2% 0% 4%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- ECF2F7
- EEF4F8
- F0F5F9
- F2F7FA
- F4F8FB
- F7F9FB
- F9FBFC
- FBFCFD
- FDFEFE
Sắc đậm
- CBD2D6
- AEB3B7
- 919598
- 75797B
- 5A5D5F
- 414345
- 292B2C
- 131415
- 030303
Sắc xám
- DFE5EA
- D4D9DD
- C9CED1
- BEC2C5
- B4B7B9
- A9ACAD
- 9FA0A2
- 949696
- 8A8B8B
Hòa sắc
Bổ túc +180°
- EAF1F6
Distant Wind Chime
- F5EEE9
≈ Icing Rose
Tương đồng -30° +30°
- EAF1F6
Distant Wind Chime
- E9F2F3
≈ Warp Drive
- EDF0F7
≈ Airport
Bộ ba +120° +240°
- EAF1F6
Distant Wind Chime
- F6EDF0
≈ Line Dried Sheets
- EFF1E9
≈ Clean Buffer
Bổ túc chia +150° +210°
- EAF1F6
Distant Wind Chime
- F7EDEC
≈ Grannie’s Pearls
- F3F0E8
≈ Latte Froth
Bộ bốn +90° +180° +270°
- EAF1F6
Distant Wind Chime
- F4EEF3
≈ Sentimental Pink
- F5EEE9
≈ Icing Rose
- ECF2EC
≈ Cascade White
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.14:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 18.41:1 · APCA Lc 98
Màu chữ tốt nhất: #000000
WCAG 18.41:1 (AAA) · APCA Lc 98
Contrast pairs
Đoạn mã
CSS
:root {
--distant-wind-chime: #eaf1f6;
--distant-wind-chime-rgb: 234 241 246;
--distant-wind-chime-oklch: oklch(0.954 0.01 238.5);
}
.element {
color: var(--distant-wind-chime);
background-color: hsl(205 40% 94%);
border-color: oklch(0.954 0.01 238.5);
}Tailwind CSS v4
@theme {
--color-distant-wind-chime: #eaf1f6;
--color-distant-wind-chime-50: #f3f5f8;
--color-distant-wind-chime-100: #e5e8eb;
--color-distant-wind-chime-200: #d0d5d8;
--color-distant-wind-chime-300: #b3b8bc;
--color-distant-wind-chime-400: #999fa4;
--color-distant-wind-chime-500: #80878c;
--color-distant-wind-chime-600: #6d7277;
--color-distant-wind-chime-700: #575c5f;
--color-distant-wind-chime-800: #3f4345;
--color-distant-wind-chime-900: #2b2e30;
--color-distant-wind-chime-950: #191b1c;
}SCSS
$distant-wind-chime: #eaf1f6;
$distant-wind-chime-rgb: 234, 241, 246;
$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);
}