Màu có tên gần nhất · #EBF0F5
#EBF0F5
Màu có tên gần nhất: Distant Wind Chime
#EBF0F5 (rgb(235 240 245), hsl(210 33% 94%), oklch(0.953 0.009 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.
#EBF0F5
oklch(0.953 0.009 247.9)
Chuyển đổi màu
- HEX
- #ebf0f5
- RGB
- rgb(235 240 245)
- HSL
- hsl(210 33% 94%)
- HWB
- hwb(210 92% 4%)
- OKLCH
- oklch(0.953 0.009 247.9)
- OKLab
- oklab(0.953 -0.003 -0.008)
- CIE Lab
- lab(94.52 -1.04 -3.03)
- LCH
- lch(94.52 3.21 251)
- CMYK
- cmyk(4% 2% 0% 4%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EDF1F6
- EFF3F7
- F1F4F8
- F3F6F9
- F5F7FA
- F7F9FB
- F9FAFC
- FBFCFD
- FDFDFE
Sắc đậm
- CCD1D5
- AEB2B6
- 919598
- 75787B
- 5B5D5F
- 414344
- 292A2B
- 131415
- 030303
Sắc xám
- E0E4E9
- D5D9DD
- CACDD0
- BFC2C5
- B4B6B9
- A9ABAD
- 9FA0A2
- 949596
- 8A8B8B
Hòa sắc
Bổ túc +180°
- EBF0F5
Distant Wind Chime
- F3EEE9
≈ Pink Mirage
Tương đồng -30° +30°
- EBF0F5
Distant Wind Chime
- E9F1F3
≈ Powder White
- EEEFF5
≈ Springtime Rain
Bộ ba +120° +240°
- EBF0F5
Distant Wind Chime
- F5EDEE
≈ Line Dried Sheets
- EEF1EA
≈ Clean Buffer
Bổ túc chia +150° +210°
- EBF0F5
Distant Wind Chime
- F5EEEB
≈ Furry Lady
- F1EFE9
≈ Fuji Snow
Bộ bốn +90° +180° +270°
- EBF0F5
Distant Wind Chime
- F3EDF1
≈ Dress Pink
- F3EEE9
≈ Pink Mirage
- EBF1ED
≈ Spring Fog
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.31:1 · APCA Lc 98
Màu chữ tốt nhất: #000000
WCAG 18.31:1 (AAA) · APCA Lc 98
Contrast pairs
Đoạn mã
CSS
:root {
--distant-wind-chime: #ebf0f5;
--distant-wind-chime-rgb: 235 240 245;
--distant-wind-chime-oklch: oklch(0.953 0.009 247.9);
}
.element {
color: var(--distant-wind-chime);
background-color: hsl(210 33% 94%);
border-color: oklch(0.953 0.009 247.9);
}Tailwind CSS v4
@theme {
--color-distant-wind-chime: #ebf0f5;
--color-distant-wind-chime-50: #f3f5f7;
--color-distant-wind-chime-100: #e6e8eb;
--color-distant-wind-chime-200: #d1d4d8;
--color-distant-wind-chime-300: #b4b8bc;
--color-distant-wind-chime-400: #9b9fa3;
--color-distant-wind-chime-500: #82878c;
--color-distant-wind-chime-600: #6e7276;
--color-distant-wind-chime-700: #585b5f;
--color-distant-wind-chime-800: #404345;
--color-distant-wind-chime-900: #2c2e30;
--color-distant-wind-chime-950: #191b1c;
}SCSS
$distant-wind-chime: #ebf0f5;
$distant-wind-chime-rgb: 235, 240, 245;
$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);
}