Màu có tên gần nhất · #EAEFF0
#EAEFF0
Màu có tên gần nhất: Distant Wind Chime
#EAEFF0 (rgb(234 239 240), hsl(190 17% 93%), oklch(0.949 0.006 211)) 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.
#EAEFF0
oklch(0.949 0.006 211)
Chuyển đổi màu
- HEX
- #eaeff0
- RGB
- rgb(234 239 240)
- HSL
- hsl(190 17% 93%)
- HWB
- hwb(190 92% 6%)
- OKLCH
- oklch(0.949 0.006 211)
- OKLab
- oklab(0.949 -0.005 -0.003)
- CIE Lab
- lab(94.08 -1.59 -1.1)
- LCH
- lch(94.08 1.93 214.6)
- CMYK
- cmyk(3% 0% 0% 6%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- ECF1F1
- EEF2F3
- F0F4F4
- F2F5F6
- F4F7F7
- F7F9F9
- F9FAFA
- FBFCFC
- FDFDFD
Sắc đậm
- CBD0D1
- AEB1B2
- 919495
- 757878
- 5A5C5D
- 414243
- 292A2A
- 131414
- 030303
Sắc xám
- DFE3E4
- D4D8D9
- C9CCCD
- BEC1C2
- B4B6B6
- A9ABAB
- 9FA0A0
- 949595
- 8A8B8B
Hòa sắc
Bổ túc +180°
- EAEFF0
Distant Wind Chime
- F2EDEC
≈ Vintage Porcelain
Tương đồng -30° +30°
- EAEFF0
Distant Wind Chime
- EAEFEE
≈ Day Spa
- EBEEF1
≈ Distant Wind Chime
Bộ ba +120° +240°
- EAEFF0
Distant Wind Chime
- F0EDF0
≈ Violet Clues
- EFEEEA
≈ White Mink
Bổ túc chia +150° +210°
- EAEFF0
Distant Wind Chime
- F1ECEE
≈ Sheikh White
- F1EDEA
≈ Snowy Mount
Bộ bốn +90° +180° +270°
- EAEFF0
Distant Wind Chime
- EEEDF1
≈ Violet Clues
- F2EDEC
≈ Vintage Porcelain
- EDEFEB
≈ Extra White
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.16:1 · APCA Lc 8
Ag
AAATrên nền đen
WCAG 18.10:1 · APCA Lc 97
Màu chữ tốt nhất: #000000
WCAG 18.10:1 (AAA) · APCA Lc 97
Contrast pairs
Đoạn mã
CSS
:root {
--distant-wind-chime: #eaeff0;
--distant-wind-chime-rgb: 234 239 240;
--distant-wind-chime-oklch: oklch(0.949 0.006 211);
}
.element {
color: var(--distant-wind-chime);
background-color: hsl(190 17% 93%);
border-color: oklch(0.949 0.006 211);
}Tailwind CSS v4
@theme {
--color-distant-wind-chime: #eaeff0;
--color-distant-wind-chime-50: #f3f5f6;
--color-distant-wind-chime-100: #e6e8e9;
--color-distant-wind-chime-200: #d2d5d5;
--color-distant-wind-chime-300: #b4b8b9;
--color-distant-wind-chime-400: #9b9fa0;
--color-distant-wind-chime-500: #828788;
--color-distant-wind-chime-600: #6e7273;
--color-distant-wind-chime-700: #585b5c;
--color-distant-wind-chime-800: #404343;
--color-distant-wind-chime-900: #2c2e2e;
--color-distant-wind-chime-950: #191b1b;
}SCSS
$distant-wind-chime: #eaeff0;
$distant-wind-chime-rgb: 234, 239, 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);
}