Màu có tên gần nhất · #EAEDF0
#EAEDF0
Màu có tên gần nhất: Distant Wind Chime
#EAEDF0 (rgb(234 237 240), hsl(210 17% 93%), oklch(0.945 0.005 247.9)) 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.
#EAEDF0
oklch(0.945 0.005 247.9)
Chuyển đổi màu
- HEX
- #eaedf0
- RGB
- rgb(234 237 240)
- HSL
- hsl(210 17% 93%)
- HWB
- hwb(210 92% 6%)
- OKLCH
- oklch(0.945 0.005 247.9)
- OKLab
- oklab(0.945 -0.002 -0.005)
- CIE Lab
- lab(93.58 -0.63 -1.83)
- LCH
- lch(93.58 1.93 250.9)
- CMYK
- cmyk(3% 1% 0% 6%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- ECEFF1
- EEF1F3
- F0F2F4
- F2F4F6
- F4F6F7
- F7F8F9
- F9FAFA
- FBFBFC
- FDFDFD
Sắc đậm
- CBCED1
- AEB0B2
- 919395
- 757778
- 5A5C5D
- 414243
- 292A2A
- 131414
- 030303
Sắc xám
- DFE2E4
- D4D6D9
- C9CBCD
- BEC0C2
- B4B5B6
- A9AAAB
- 9F9FA0
- 949595
- 8A8A8B
Hòa sắc
Bổ túc +180°
- EAEDF0
Distant Wind Chime
- EFECE9
≈ Snow Storm
Tương đồng -30° +30°
- EAEDF0
Distant Wind Chime
- E9EEEF
≈ Dipped in Cloudy Dreams
- ECECF0
≈ Bright Grey
Bộ ba +120° +240°
- EAEDF0
Distant Wind Chime
- F0EBEC
≈ Snowberry
- ECEDEA
≈ Snow Storm
Bổ túc chia +150° +210°
- EAEDF0
Distant Wind Chime
- F0ECEA
≈ Charolais Cattle
- EDEDE9
≈ Floral Scent
Bộ bốn +90° +180° +270°
- EAEDF0
Distant Wind Chime
- EFEBEE
≈ Violet Clues
- EFECE9
≈ Snow Storm
- EAEEEB
≈ Snail Trail Silver
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.17:1 · APCA Lc 8
Ag
AAATrên nền đen
WCAG 17.87:1 · APCA Lc 96
Màu chữ tốt nhất: #000000
WCAG 17.87:1 (AAA) · APCA Lc 96
Contrast pairs
Đoạn mã
CSS
:root {
--distant-wind-chime: #eaedf0;
--distant-wind-chime-rgb: 234 237 240;
--distant-wind-chime-oklch: oklch(0.945 0.005 247.9);
}
.element {
color: var(--distant-wind-chime);
background-color: hsl(210 17% 93%);
border-color: oklch(0.945 0.005 247.9);
}Tailwind CSS v4
@theme {
--color-distant-wind-chime: #eaedf0;
--color-distant-wind-chime-50: #f4f5f6;
--color-distant-wind-chime-100: #e6e8e9;
--color-distant-wind-chime-200: #d2d4d6;
--color-distant-wind-chime-300: #b5b8ba;
--color-distant-wind-chime-400: #9c9fa1;
--color-distant-wind-chime-500: #838689;
--color-distant-wind-chime-600: #6f7274;
--color-distant-wind-chime-700: #595b5d;
--color-distant-wind-chime-800: #414344;
--color-distant-wind-chime-900: #2d2e2f;
--color-distant-wind-chime-950: #1a1b1c;
}SCSS
$distant-wind-chime: #eaedf0;
$distant-wind-chime-rgb: 234, 237, 240;
$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);
}